DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript設計模式之代理模式介紹
JavaScript設計模式之代理模式介紹
編輯:關於JavaScript     

代理模式說明

說明:顧名思義就是用一個類來代替另一個類來執行方法功能,這個模式跟裝飾模式有點相似,不一樣的是,代理模式是代替客戶初始化被代理對象類,而裝飾模式采用接口或初裝飾者參數引用的方式來執行的。

在動態面向對象語言裡,代理模式即起到控制修飾被代理類的作用,也對被代理類起到了充分的隱藏保護作用;被代理類只到我們需要時,才被間接初始化調用;

場景描述:

很常見到的就是租房子的例子,房客要租房子,房東要把房子租出去,但是房客跟房東都沒怎麼有空找房子或在家等著有人看房子,就一同去找房屋中介。房東把房間委托給中介代理租售,有合適的人需要時,中介帶看房間,交錢租住,這樣就幫房東把房間租出去了;房客委托房屬中介幫招要求的房間位置條件,中介幫房客找到合房後,兩者交錢租住,這樣就替房客租到住的地方了;

實例源碼

按上面的例子來實現;

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('出租後收中介費');
}

3. 使用方法:


復制代碼 代碼如下:
//房客請中介幫找房子;
var proxy = new Proxy();
proxy.chuzu();

看看上面的使用,被代理類在客戶端完全用不著,只要使用Proxy類即可,可以很好使用在那種需要保護某些業務邏輯過程的情景中;使用代理模式,可以很好的保護需要保護的被代理類;

其他說明

跟裝飾者模式一樣,代理模式也很好的體現了面向對象思想的對擴展開放,對修改關閉的原則;
代理模式,可以使用接口或抽象類來規范共同的接口:(以下提供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(“出租後交中介費”);
    }
}

//使用
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(“出租後交中介費”);
    }
}

//使用
House house = new Proxy();
house.chuzu();

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved