DIV CSS 佈局教程網

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

建造者模式說明

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 工個來建子,最後房主人從工人那裡取得建好的房子;

其他說明

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

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