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

CloudDeveloper 發(fā)布于2019-08-22 15:56 / 2455人閱讀

摘要：優(yōu)點(diǎn)建造者模式的封裝性很好，對(duì)象本身與構(gòu)建過(guò)程解耦。建造者模式很容易進(jìn)行擴(kuò)展。適用場(chǎng)景需要生成的對(duì)象具有復(fù)雜得內(nèi)部結(jié)構(gòu)且內(nèi)部屬性本身相互依賴建造者模式的代碼實(shí)現(xiàn)建造者模式主要有個(gè)部分產(chǎn)品類建造者類指揮者類客戶。建造者完成相應(yīng)的部分。

建造者模式

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

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

建造者模式的封裝性很好，對(duì)象本身與構(gòu)建過(guò)程解耦。

建造者模式很容易進(jìn)行擴(kuò)展。如果有新的需求，通過(guò)實(shí)現(xiàn)一個(gè)新的建造者類就可以完成。

適用場(chǎng)景

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

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

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

主要的流程是：

客戶提出需求。

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

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

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

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

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

接下來(lái)看一下建造者類：

/* 
*    建造者類，里面有專門(mén)負(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);

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

總結(jié)

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