JavaScript設(shè)計(jì)模式系列三：建造者模式

建造者模式

建造者模式（builder pattern）比較簡(jiǎn)單，它屬于創(chuàng)建型模式的一種，將一個(gè)復(fù)雜的對(duì)象分解成多個(gè)簡(jiǎn)單的對(duì)象來進(jìn)行構(gòu)建，將復(fù)雜的構(gòu)建層與表示層分離，使得相同的構(gòu)建過程可以創(chuàng)建不同的表示的模式便是建造者模式。

優(yōu)點(diǎn)

適用場(chǎng)景

需要生成的對(duì)象具有復(fù)雜得內(nèi)部結(jié)構(gòu)；且內(nèi)部屬性本身相互依賴

建造者模式的代碼實(shí)現(xiàn)

建造者模式主要有4個(gè)部分：product產(chǎn)品類、Builder建造者類、Director指揮者類、客戶。

主要的流程是：

1. 客戶提出需求。

2. 指揮者根據(jù)用戶需求，指揮建造者去完成需求的各個(gè)部分。

3. 建造者完成相應(yīng)的部分。

我們來看一下相應(yīng)的代碼：
產(chǎn)品類為一輛加工的空殼汽車。

/**
 * 產(chǎn)品類：car 目前需要構(gòu)建一輛車。
 */

function car () {
 this.name = '',
 this.number = '',
 this.wheel = '',
 this.engine = ''
}

接下來看一下建造者類：

/* 
* 建造者類，里面有專門負(fù)責(zé)各個(gè)部分的工人
*/
function carBuilder () {
 this.nameBuilder = function () {
 this.name = '很厲害的車'
 },
 this.numberBuilder = function () {
 this.number = '88888888'
 },
 this.wheelBuilder = function () {
 this.wheel = '高級(jí)橡膠做的輪子'
 },
 this.engineBuilder = function () {
 this.engine = '很厲害的引擎'
 },
 this.getCar = function () {
 var Car = new car()
 Car.name = this.name;
 Car.number= this.number;
 Car.wheel = this.wheel;
 Car.engine = this.engine;
 return Car;
 }
}

再這里我們可以看到各個(gè)部分的工人以及他們的工作，他們的各自的工作最終合并成一輛汽車。

指揮者類：

/**
 * 指揮者類，指揮各個(gè)部分的工人工作
 */
function director () {
 this.action = function (builder) {
 builder.nameBuilder();
 builder.numberBuilder();
 builder.wheelBuilder();
 builder.engineBuilder();
 } 
}

最后就是使用方法：

/**
 * 使用方法
 */

var builder = new carBuilder();
var director = new director();
director.action(builder);
var Car = builder.getCar();
console.log(Car);

最終客戶通過getCar方法得到了這輛車，并且不需要知道其中得建造細(xì)節(jié)。

總結(jié)

建造者模式主要用于“分布構(gòu)建一個(gè)復(fù)雜的對(duì)象”，它很容易進(jìn)行擴(kuò)展。如果有新的需求，通過實(shí)現(xiàn)一個(gè)新的建造者類就可以完成，并且建造者模式解耦了對(duì)象本身與構(gòu)建過程，使得我們不用關(guān)心具體的建造過程。

相關(guān)推薦：

JavaScript設(shè)計(jì)模式系列一：工廠模式

JavaScript設(shè)計(jì)模式系列二：?jiǎn)卫Ｊ?/p>

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com