首頁  >  文章  >  web前端  >  JavaScript設計模式建造者模式介紹_javascript技巧

JavaScript設計模式建造者模式介紹_javascript技巧

WBOY
WBOY原創
2016-05-16 16:23:521267瀏覽

建造者模式說明

1. 將一個複雜物件的 構造 與它的表示相分離,使同樣的創建過程可有不同的表示,這就叫做建造者模式。
2. 物件導向語言中的說明,主要角色:

1>. Builder 這個介面類,定義這個建造者[工人],統一的可操作的行為方式,它表示一個複雜的結構物件;
2>. ConcreteBuilder 用來建立[實作] Builder 各種形態的實例對象,來表示 Builder 不同的表示;
3>. Director 這個指揮者 用來指導 Builder 實例的執行過程跟形式,用於與 Builder 的實例 表現 相分離,用於指導 這個 Builder 實例 按某規則順序來創建生成 產品結果;
4>. ResultObject 所建立的結果都會產生一個結果物件;這是具體創建者根據 Director 指導創建的結果;

3. 建造者模式實際,就是一個指揮者,一個建造者,一個使用指揮者調用具體建造者工作、並得從具體建造者得出結果的客戶;

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

說一戶家人要蓋房子,但房子主人或家裡其他人是不懂得如何去建房子的,所以他得去請幾個工人,這個建房子的隊伍還得有個工頭,來按房主人的想法來建造一棟房子,工頭依照房主人的要求設計要求工人如何做;

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

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

創建者必須要有創建這個房屋的所有技能,即建骨架,裝飾睡房等...,即建造者所做的事,或所具有的能力,必須大於或等於指揮者要求要做的事,或具有的能力;

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

5. JavaScript 這種弱語言裡,沒有介面這樣的東西,就忽略介面定義這一層,直接創建具體建造者,再建一個 指導類來回調這個建造者;

實例源碼

1. 工人建造者X:

複製程式碼 程式碼如下:

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是要做的事情,建骨架等;

當然 workBuilder 可以多建幾個,用來表示 工人 對於每個工作執行的方法不一樣;但工作內容是一樣的;

2. 指揮者類別

複製程式碼 程式碼如下:

function Director() {
     this.construct = function(builder) {
          builder.workOne();
          builder.workTwo();
          builder.workThree();
          builder.workFour();
          //...
          //上面的內容,以順序可設置,工作項目也可設定
     }
}

指揮者類別下的 指導 方法,有對 建造者 的回調引用,內容包括建者工作內容幾項或全部; 指揮者對建造者工人要做的事情進行組織跟安排;

3. 產品房子

複製程式碼 程式碼如下:

function House() {
    this.HouseFrame = '';
    this.Room = '';
    this.Kitchen = '';
    this.LivingRoom = '';
    //...
}

4. 使用方法


複製程式碼 程式碼如下:

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

var house = builder.getResult();

第四步,整個使用相當於客戶:房主人,房主人請Director 工頭來建房子,但是工頭是不做事的,所以他指揮builder 工個來建子,最後房主人從工人那裡取得建好的房子;

其他說明

建造者模式比較適於那種,內容[抽象]複雜,實際場景表現又多個不一樣,例如工作內容或順序不一致的情況;例如每個人每天的生活過程啊,還有像上面的實例類似的場景;透過指導者層,可以減少對許多相似工作場合,但工作規則順序不一致的環境;可以大幅減少對實際物件的建造抽象;

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn