快捷導(dǎo)航

JavaScript設(shè)計模式之建造者模式介紹

更新時間：2014年12月28日 10:15:47 投稿：junjie

這篇文章主要介紹了JavaScript設(shè)計模式之建造者模式介紹,將一個復(fù)雜對象的構(gòu)造與它的表示相分離,使同樣的創(chuàng)建過程可有不同的表示,這就叫做建造者模式,需要的朋友可以參考下

建造者模式說明

1. 將一個復(fù)雜對象的構(gòu)造與它的表示相分離，使同樣的創(chuàng)建過程可有不同的表示，這就叫做建造者模式。
2. 面向?qū)ο笳Z言中的說明，主要角色：

1>. Builder 這個接口類，定義這個建造者[工人]，統(tǒng)一的可操作的行為方式，它表示一個復(fù)雜的結(jié)構(gòu)對象;
2>. ConcreteBuilder 用于創(chuàng)建[實現(xiàn)] Builder 各種形態(tài)的實例對象，來表示 Builder 不同的表示;
3>. Director 這個指揮者用于指導(dǎo) Builder 實例的執(zhí)行過程跟形式，用于與 Builder 的實例表現(xiàn) 相分離，用于指導(dǎo) 這個 Builder 實例按某規(guī)則順序來創(chuàng)建生成產(chǎn)品結(jié)果;
4>. ResultObject 創(chuàng)建的結(jié)果都會生成一個結(jié)果對象；這是具體創(chuàng)建者根據(jù) Director 指導(dǎo)創(chuàng)建的結(jié)果;

3. 建造者模式實際，就是一個指揮者，一個建造者，一個使用指揮者調(diào)用具體建造者工作、并得從具體建造者得出結(jié)果的客戶；

4. 建造者模式，模擬場景：[看到一個說明建造者模式描述的例子很好]

說一戶家人要建房子，但房子主人或家里其他人是不懂得如何去建房子的，所以他得去請幾個工人，這個建房子的隊伍還得有個工頭，來按房主人的想法來建一套房子，工頭按房主人的要求設(shè)計要求工人如何如何做；

工頭說，第一步先把房整體骨架搭起來，第二步睡房建造好，第三步把廚房裝飾好，第四步把客廳建造裝飾完畢，第五步...

工頭是不做事的，但具體建造者必須按照工頭的要求來做，第一步，第二步的這樣步驟來建造，直至整個房子完成；

創(chuàng)建者必須要有創(chuàng)建這個房屋的所有技能，即建骨架，裝飾睡房等...，即建造者所做的事，或所具有的能力，必須大于或等于指揮者要求要做的事，或具有的能力；

即指揮者是個組織者，而建造者提供技能;

5. JavaScript 這種弱語言里，沒有接口這樣的東西，就忽略接口定義這一層，直接創(chuàng)建具體建造者，再建一個指導(dǎo)類來回調(diào)這個建造者；

實例源碼

1. 工人建造者X:

復(fù)制代碼代碼如下:

function workerBuilder() {

    this.workOne = function() {

         //建房子骨架

    }

    this.workTwo=function() {

         //建睡房

    }

    this.workThree=function() {

         //建廚房

    }

    this.workFour=function() {

         //建客廳

    }

    //....

    this.getResult = function() {

         //建成房子

　　　　　var house = new House();

　　　　　//house.HouseFrame ...

　　　　　return house;　

    }

}

workBuilder 是具體建造者類，workOne, Two是要做的事情，建骨架等;

當(dāng)然 workBuilder 可以多建幾個，用于表示工人對于每個工作執(zhí)行的方法不一樣；但工作內(nèi)容是一樣的;

2. 指揮者類

復(fù)制代碼代碼如下:

function Director() {

     this.construct = function(builder) {

          builder.workOne();

          builder.workTwo();

          builder.workThree();

          builder.workFour();

          //...

          //上面的內(nèi)容，順序可設(shè)置，并且工作項也可以設(shè)定

     }

}

指揮者類下的指導(dǎo) 方法，有對建造者的回調(diào)引用，內(nèi)容包括建者工作內(nèi)容幾項或全部; 指揮者對建造者工人要做的事情進行組織跟安排；

3. 產(chǎn)品房子

復(fù)制代碼代碼如下:

function House() {

    this.HouseFrame = '';

    this.Room = '';

    this.Kitchen = '';

    this.LivingRoom = '';

    //...

}

4. 使用方法

復(fù)制代碼代碼如下:

var builder = new workBuilder();
var director = new Director();
director.construct(builder);

var house = builder.getResult();

第四步，整個使用相當(dāng)于客戶：房主人，房主人請 Director 工頭來建房子，但是工頭是不做事的，所以他指揮 builder 工個來建子，最后房主人從工人那里取得建好的房子；

其他說明

建造者模式比較適于那種，內(nèi)容[抽象]復(fù)雜，實際場景表現(xiàn)又多個不一樣，比如工作內(nèi)容或順序不一致的情況；比如每個人每天的生活過程啊，還有像上面的實例類似的場景；通過指導(dǎo)者層，可以減少對很多相似工作場合，但工作規(guī)則順序不一致的環(huán)境；可以大減少對實際對象的建造抽象；

您可能感興趣的文章: