JavaScript設(shè)計(jì)模式之代理模式介紹
代理模式說明
說明:顧名思義就是用一個(gè)類來代替另一個(gè)類來執(zhí)行方法功能,這個(gè)模式跟裝飾模式有點(diǎn)相似,不一樣的是,代理模式是代替客戶初始化被代理對象類,而裝飾模式采用接口或初裝飾者參數(shù)引用的方式來執(zhí)行的。
在動態(tài)面向?qū)ο笳Z言里,代理模式即起到控制修飾被代理類的作用,也對被代理類起到了充分的隱藏保護(hù)作用;被代理類只到我們需要時(shí),才被間接初始化調(diào)用;
場景描述:
很常見到的就是租房子的例子,房客要租房子,房東要把房子租出去,但是房客跟房東都沒怎么有空找房子或在家等著有人看房子,就一同去找房屋中介。房東把房間委托給中介代理租售,有合適的人需要時(shí),中介帶看房間,交錢租住,這樣就幫房東把房間租出去了;房客委托房屬中介幫招要求的房間位置條件,中介幫房客找到合房后,兩者交錢租住,這樣就替房客租到住的地方了;
實(shí)例源碼
按上面的例子來實(shí)現(xiàn);
1. 房東出租類;
function Fangdong() {
this.room = '房間名';
}
Fangdong.prototype.chuzu = function() {
console.log('房東出租房間: ' + this.room);
}
2. 中介代理類:
function Proxy() {
this.fangdong = new Fangdong();
}
Proxy.prototype.chuzu = function() {
this.fangdong.chuzu();
console.log('出租后收中介費(fèi)');
}
3. 使用方法:
//房客請中介幫找房子;
var proxy = new Proxy();
proxy.chuzu();
看看上面的使用,被代理類在客戶端完全用不著,只要使用Proxy類即可,可以很好使用在那種需要保護(hù)某些業(yè)務(wù)邏輯過程的情景中;使用代理模式,可以很好的保護(hù)需要保護(hù)的被代理類;
其他說明
跟裝飾者模式一樣,代理模式也很好的體現(xiàn)了面向?qū)ο笏枷氲膶U(kuò)展開放,對修改關(guān)閉的原則;
代理模式,可以使用接口或抽象類來規(guī)范共同的接口:(以下提供JAVA方式代理模式)
1. 抽象類 abstract 方式;
public abstract class House {
public void abstract chuzu();
}
public class Fangdong extends House {
private String room = “房間名稱”;
@Override
public void chuzu() {
System.out.println(room);
}
}
public class Proxy extends House {
private Fangdong fangdong;
public Proxy() {
this.fangdong = new Hangdong();
}
@Override
public void chuzu() {
this.fandong.chuzu();
System.out.println(“出租后交中介費(fèi)”);
}
}
//使用
House house = new Proxy();
house.chuzu();
2. 接口 Interface 方式:
interface House {
public void chuzu();
}
public class Fangdong implements House {
private String room = “房間名稱”;
@Override
public void chuzu() {
System.out.println(room);
}
}
public class Proxy implements House {
private Fangdong fangdong;
public Proxy() {
this.fangdong = new Hangdong();
}
@Override
public void chuzu() {
this.fandong.chuzu();
System.out.println(“出租后交中介費(fèi)”);
}
}
//使用
House house = new Proxy();
house.chuzu();
- javascript設(shè)計(jì)模式 – 代理模式原理與用法實(shí)例分析
- js設(shè)計(jì)模式之代理模式及訂閱發(fā)布模式實(shí)例詳解
- 詳解javascript設(shè)計(jì)模式三:代理模式
- JavaScript設(shè)計(jì)模式之代理模式實(shí)例分析
- JavaScript設(shè)計(jì)模式之緩存代理模式原理與簡單用法示例
- JavaScript設(shè)計(jì)模式之代理模式簡單實(shí)例教程
- JavaScript設(shè)計(jì)模式之代理模式詳解
- JavaScript的設(shè)計(jì)模式經(jīng)典之代理模式
- 學(xué)習(xí)JavaScript設(shè)計(jì)模式之代理模式
- 學(xué)習(xí)JavaScript設(shè)計(jì)模式(代理模式)
- 深入理解JavaScript系列(31):設(shè)計(jì)模式之代理模式詳解
- JavaScript設(shè)計(jì)模式學(xué)習(xí)之代理模式
相關(guān)文章
完美解決input[type=number]無法顯示非數(shù)字字符的問題
下面小編就為大家?guī)硪黄昝澜鉀Qinput[type=number]無法顯示非數(shù)字字符的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02整理的比較全的event對像在ie與firefox瀏覽器中的區(qū)別
event對像在IE與FF中的區(qū)別,本文整理了很多,個(gè)人感覺還是比較全面的,需要的朋友可以收藏下2013-11-11JavaScript實(shí)現(xiàn)檢查頁面上的廣告是否被AdBlock屏蔽了的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)檢查頁面上的廣告是否被AdBlock屏蔽了的方法,其實(shí)就是利用JS檢測div的名稱和樣式名稱實(shí)現(xiàn),需要的朋友可以參考下2014-11-11一個(gè)獲取第n個(gè)元素節(jié)點(diǎn)的js函數(shù)
這篇文章主要介紹了一個(gè)獲取第n個(gè)元素節(jié)點(diǎn)的js函數(shù),功能還不完善 ,需要的朋友可以參考下2014-09-09JavaScript純前端實(shí)現(xiàn)在線GIF壓縮
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript純前端實(shí)現(xiàn)在線GIF壓縮工具,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03JS控件bootstrap datepicker使用方法詳解
這篇文章主要介紹了js控件bootstrap datepicker的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03Javascript在IE或Firefox下獲取鼠標(biāo)位置的代碼
由于Firefox和IE等瀏覽器之間對JS解釋的方式不一樣,F(xiàn)irefox下面獲取鼠標(biāo)位置不能夠直接使用clientX來獲取。網(wǎng)上說的一般都是觸發(fā)mousemove事件才行。我這里有兩段代碼,思路都一樣,就是風(fēng)格不同。2009-12-12