JavaScript的設(shè)計模式經(jīng)典之代理模式
更新時間：2016年02月24日 13:58:33 投稿：mrr
代理模式的定義是把對一個對象的訪問, 交給另一個代理對象來操作。接下來通過本文給大家介紹JavaScript的設(shè)計模式之代理模式，感興趣的朋友一起學(xué)習(xí)吧
一、代理模式概念
說明：顧名思義就是用一個類來代替另一個類來執(zhí)行方法功能，這個模式跟裝飾模式有點相似，不一樣的是，代理模式是代替客戶初始化被代理對象類，而裝飾模式采用接口或初裝飾者參數(shù)引用的方式來執(zhí)行的。
解釋：房屋中介，可以代理幫助賣家把房子賣給買家，這中間賣家說要賣的價錢就可以了，買家也可以提出自己要買的房型，中介可以幫忙處理中間環(huán)節(jié)。最后達(dá)成買賣。中介可以同時代理很多房屋買賣，并且可以代理租房事宜。
二、代理模式的作用和注意事項
模式作用：
1、遠(yuǎn)程代理（一個對象將不同空間的對象進(jìn)行局部代理）
2、虛擬代理（根據(jù)需要創(chuàng)建開銷很大的對象如渲染網(wǎng)頁暫時用占位代替真圖）
3、安全代理（控制證實對象的訪問權(quán)限）
4、智能指引（調(diào)用對象代理處理另外一些事情如垃圾回收機(jī)制）
注意事項：
1、不能濫用代理，有時候僅僅是給代碼增加復(fù)雜度
三、代理模式代碼和實戰(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)文章
解決微信小程序中轉(zhuǎn)換時間格式IOS不兼容的問題
今天小編就為大家分享一篇關(guān)于解決微信小程序中轉(zhuǎn)換時間格式IOS不兼容的問題，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-02-02
javascript如何在foreach循環(huán)完成之后執(zhí)行一個回調(diào)函數(shù)
forEach()是前端開發(fā)中操作數(shù)組的一種方法,主要功能是遍歷數(shù)組,其實就是 for 循環(huán)的升級版,下面這篇文章主要給大家介紹了關(guān)于javascript如何在foreach循環(huán)完成之后執(zhí)行一個回調(diào)函數(shù)的相關(guān)資料,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了JavaScript中的冒泡排序法的知識，并通過一個例子給大家講解了js冒泡排序，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧
2016-08-08 
這篇文章主要給大家介紹了關(guān)于如何編寫一個d.ts文件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用d.ts具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2018-04-04 
這篇文章主要介紹了JavaScript 身份證號有效驗證詳解及實例代碼的相關(guān)資料,需要的朋友可以參考下
2016-10-10 
JavaScript中常用的3種彈窗(警告框、確認(rèn)框、提示框)
JavaScript提供了幾種常用的彈窗方法,用于與用戶進(jìn)行交互或顯示提示消息,這篇文章主要給大家介紹了關(guān)于JavaScript中常用的3種彈窗的相關(guān)資料,分別包括警告框、確認(rèn)框、提示框,需要的朋友可以參考下
2023-09-09 
JavaScript中prompt()函數(shù)的用法實戰(zhàn)例子
JavaScript中的prompt是一個函數(shù),用于在瀏覽器中顯示一個對話框,提示用戶輸入一些信息,這篇文章主要給大家介紹了關(guān)于JavaScript中prompt()函數(shù)的用法實戰(zhàn),需要的朋友可以參考下
2023-11-11 
今天小編就為大家分享一篇layui select 禁止點擊的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09 
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)上傳多張圖片、刪除圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-06-06