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)頁暫時(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萬";
}
//2.中介
function zhongjie(){
}
zhongjie.prototype.maifang = function(){
//new fongdong(new maijia()).maifang("20萬");
new fongdong(new maijia()).maifang("20萬");
}
//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)文章
javascript中的new是一個(gè)語法糖,new的過程實(shí)際上是創(chuàng)建一個(gè)新對(duì)象,把新象的原型設(shè)置為構(gòu)造器函數(shù)的原型,這篇文章主要給大家介紹了關(guān)于JavaScript中new操作符原理的相關(guān)資料,需要的朋友可以參考下2021-07-07
使用AJAX實(shí)現(xiàn)Web頁面進(jìn)度條的實(shí)例分享
這篇文章主要介紹了使用AJAX實(shí)現(xiàn)Web頁面進(jìn)度條的實(shí)例分享,利用AJAX的異步來顯示服務(wù)器端的處理進(jìn)度是當(dāng)下比較流行的做法,需要的朋友可以參考下2016-05-05
JS下拉框內(nèi)容左右移動(dòng)效果的具體實(shí)現(xiàn)
這篇文章介紹了JS下拉框內(nèi)容左右移動(dòng)效果的具體實(shí)現(xiàn)方法，有需要的朋友可以參考一下2013-07-07
JS實(shí)現(xiàn)控制表格內(nèi)指定單元格內(nèi)容對(duì)齊的方法
這篇文章主要介紹了JS實(shí)現(xiàn)控制表格內(nèi)指定單元格內(nèi)容對(duì)齊的方法,涉及javascript操作表格單元格內(nèi)容樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
JavaScript中常用的數(shù)組操作方法總結(jié)
這篇文章為大家總結(jié)了一些JavaScript中常用的數(shù)組操作方法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07
javascript之可拖動(dòng)的iframe效果代碼
用javascript實(shí)現(xiàn)可拖動(dòng)的iframe頁面效果的js2008-08-08
微信小程序開發(fā)實(shí)戰(zhàn)教程之手勢解鎖
這篇文章主要介紹了微信小程序開發(fā)實(shí)戰(zhàn)教程之手勢解鎖的相關(guān)資料,本文分步驟給大家介紹的非常詳細(xì)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
firefox TBODY 用js顯示和隱藏時(shí)出現(xiàn)錯(cuò)位的解決方法
今天幫別人寫一個(gè)網(wǎng)頁，發(fā)現(xiàn)：當(dāng)用javascript動(dòng)態(tài)設(shè)置tr.style.display = "block"顯示某行時(shí)，使用IE瀏覽沒有問題，但使用firefox瀏覽時(shí)該行被移到了其它行的后面，很是詫異。2008-12-12
這篇文章主要為大家介紹了Javascript事件的捕獲方式和冒泡方式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
JavaScript實(shí)現(xiàn)身份證驗(yàn)證代碼
本文給大家分享的是使用javascript實(shí)現(xiàn)身份驗(yàn)證的規(guī)則以及代碼，非常的簡單實(shí)用，有需要的小伙伴可以參考下。2016-02-02