JavaScript的設(shè)計(jì)模式經(jīng)典之代理模式
一、代理模式概念
說明：顧名思義就是用一個(gè)類來代替另一個(gè)類來執(zhí)行方法功能，這個(gè)模式跟裝飾模式有點(diǎn)相似，不一樣的是，代理模式是代替客戶初始化被代理對(duì)象類，而裝飾模式采用接口或初裝飾者參數(shù)引用的方式來執(zhí)行的。
解釋：房屋中介，可以代理幫助賣家把房子賣給買家，這中間賣家說要賣的價(jià)錢就可以了，買家也可以提出自己要買的房型，中介可以幫忙處理中間環(huán)節(jié)。最后達(dá)成買賣。中介可以同時(shí)代理很多房屋買賣，并且可以代理租房事宜。
二、代理模式的作用和注意事項(xiàng)
模式作用：
1、遠(yuǎn)程代理（一個(gè)對(duì)象將不同空間的對(duì)象進(jìn)行局部代理）
2、虛擬代理（根據(jù)需要?jiǎng)?chuàng)建開銷很大的對(duì)象如渲染網(wǎng)頁(yè)暫時(shí)用占位代替真圖）
3、安全代理（控制證實(shí)對(duì)象的訪問權(quán)限）
4、智能指引（調(diào)用對(duì)象代理處理另外一些事情如垃圾回收機(jī)制）
注意事項(xiàng)：
1、不能濫用代理，有時(shí)候僅僅是給代碼增加復(fù)雜度
三、代理模式代碼和實(shí)戰(zhàn)總結(jié)
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
//代理模式需要三方
//1.買家
function maijia(){
this.name = "小明";
this.money = "30萬(wàn)";
}
//2.中介
function zhongjie(){
}
zhongjie.prototype.maifang = function(){
//new fongdong(new maijia()).maifang("20萬(wàn)");
new fongdong(new maijia()).maifang("20萬(wàn)");
}
//3.賣家
function fongdong(maijia){
this.maijia_name = maijia.name;
this.maijia_money = maijia.money;
this.maifang = function(money){
// alert("收到了來自【"+this.maijia_name+"】"+money+"人民幣");
alert("收到了來自【"+this.maijia_name+"】"+this.maijia_money+"人民幣");
}
}
(new zhongjie()).maifang();
</script>
<script>
// A2B
function A(){
this.money = "20RMB";
}
function to(){
if(!(this instanceof to)){
return new to;
}
}
to.prototype.maifang = function(){
var a = new A();
new B().maifang(a.money);
}
function B(){
this.maifang = function(money){
alert("收到了錢"+money);
}
}
(new to()).maifang();
to().maifang();
</script>
</body>
</html>
相關(guān)文章
解決微信小程序中轉(zhuǎn)換時(shí)間格式IOS不兼容的問題
今天小編就為大家分享一篇關(guān)于解決微信小程序中轉(zhuǎn)換時(shí)間格式IOS不兼容的問題，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-02-02
javascript如何在foreach循環(huán)完成之后執(zhí)行一個(gè)回調(diào)函數(shù)
forEach()是前端開發(fā)中操作數(shù)組的一種方法,主要功能是遍歷數(shù)組,其實(shí)就是 for 循環(huán)的升級(jí)版,下面這篇文章主要給大家介紹了關(guān)于javascript如何在foreach循環(huán)完成之后執(zhí)行一個(gè)回調(diào)函數(shù)的相關(guān)資料,需要的朋友可以參考下2023-11-11
JavaScript 身份證號(hào)有效驗(yàn)證詳解及實(shí)例代碼
JavaScript中常用的3種彈窗(警告框、確認(rèn)框、提示框)
JavaScript中prompt()函數(shù)的用法實(shí)戰(zhàn)例子
layui select 禁止點(diǎn)擊的實(shí)現(xiàn)方法
