JS 設(shè)計(jì)模式八（建造者模式）

tanglijun 發(fā)布于2019-08-19 18:21 / 3613人閱讀

摘要：即建造者模式可以強(qiáng)制實(shí)行一種分步驟進(jìn)行的建造過程。指導(dǎo)類負(fù)責(zé)調(diào)用適當(dāng)?shù)慕ㄔ煺邅斫M建產(chǎn)品，指導(dǎo)類一般不與產(chǎn)品類發(fā)生依賴關(guān)系，與指導(dǎo)類直接交互的是建造者類建造者模式優(yōu)點(diǎn)建造者模式的封裝性很好。

建造者模式

將一個(gè)復(fù)雜的構(gòu)建與其表示相分離，使得同樣的構(gòu)建過程可以創(chuàng)建不同的表示。主要解決在軟件系統(tǒng)中，有時(shí)候面臨著"一個(gè)復(fù)雜對(duì)象"的創(chuàng)建工作，由于需求的變化，這個(gè)復(fù)雜對(duì)象的某些部分經(jīng)常面臨著劇烈的變化，一些基本部件不會(huì)變。所以需要將變與不變分離。與抽象工廠的區(qū)別：在建造者模式里，有個(gè)指導(dǎo)者(Director)，由指導(dǎo)者來管理建造者，用戶是與指導(dǎo)者聯(lián)系的，指導(dǎo)者聯(lián)系建造者最后得到產(chǎn)品。即建造者模式可以強(qiáng)制實(shí)行一種分步驟進(jìn)行的建造過程。

建造者模式四要素

1.產(chǎn)品類Product：一般是一個(gè)較為復(fù)雜的對(duì)象，也就是說創(chuàng)建對(duì)象的過程比較復(fù)雜，一般會(huì)有比較多的代碼量。
2.抽象建造者類Builder: 將建造的具體過程交與它的子類來實(shí)現(xiàn)，這樣更容易擴(kuò)展。
3.建造者類ConcreteBuilder: 組建產(chǎn)品；返回組建好的產(chǎn)品。
4.指導(dǎo)類Director: 負(fù)責(zé)調(diào)用適當(dāng)?shù)慕ㄔ煺邅斫M建產(chǎn)品，指導(dǎo)類一般不與產(chǎn)品類發(fā)生依賴關(guān)系，與指導(dǎo)類直接交互的是建造者類

建造者模式優(yōu)點(diǎn)

1.建造者模式的封裝性很好。使用建造者模式可以有效的封裝變化，在使用建造者模式的場景中，一般產(chǎn)品類和建造者類是比較穩(wěn)定的，因此，將主要的業(yè)務(wù)邏輯封裝在指導(dǎo)者類中對(duì)整體而言可以取得比較好的穩(wěn)定性。
2.建造者模式很容易進(jìn)行擴(kuò)展。如果有新的需求，通過實(shí)現(xiàn)一個(gè)新的建造者類就可以完成。

舉例

似乎很抽象。舉個(gè)例子：前面你創(chuàng)建了一個(gè)生產(chǎn)保時(shí)捷的工廠，生產(chǎn)一臺(tái)保時(shí)捷911需要的主要部件都一樣(引擎，輪子，方向盤...)和流程是不變的，變的是引擎，輪子，控制系統(tǒng)等等部件具體實(shí)現(xiàn)，這些部件的生產(chǎn)交由具體的builder去生產(chǎn)。

代碼

//建造者模式
var DP = require("./DesignPattern.js");

function Car() {
  var _frame, _engine, _wheel;
  this.setFrame = function (val) {
    _frame = val;
  };
  this.setEngine = function (val) {
    _engine = val;
  };
  this.setWheel = function (val) {
    _wheel = val;
  };
  this.getFrame = function () {
    return _frame
  };
  this.getEngine = function () {
    return _engine
  };
  this.getWheel = function () {
    return _wheel
  };
  this.check = function () {
    console.log(_frame + "檢查完畢");
    console.log(_engine + "檢查完畢");
    console.log(_wheel + "檢查完畢");
  };
}

//抽象生產(chǎn)者
function Builder() {
  DP.Interface(this, ["buildFrame", "buildEngine", "buildWheel", "buildCar"])
}

//指導(dǎo)者,產(chǎn)品生產(chǎn)流程規(guī)范
function Director(Builder) {
  //傳入具體制造者
  var _builder = Builder;
  this.build = function () {
    _builder.buildFrame();
    _builder.buildEngine();
    _builder.buildWheel();
    return _builder.buildCar();
  };
}

function Builder911() {
  this.__proto__ = new Builder();
  var _car = new Car();
  this.buildFrame = function () {
    console.log("制造911骨架");
    _car.setFrame("911骨架");
  };
  this.buildEngine = function () {
    console.log("制造911引擎");
    _car.setEngine("911引擎");
  };
  this.buildWheel = function () {
    console.log("制造911輪子");
    _car.setWheel("911輪子");
  };
  this.buildCar = function () {
    console.log("911汽車各部組裝完畢");
    return _car;
  };
}

function BuilderCayma() {
  this.__proto__ = new Builder();
  var _car = new Car();
  this.buildFrame = function () {
    console.log("制造Cayma骨架");
    _car.setFrame("Cayma骨架");
  };
  this.buildEngine = function () {
    console.log("制造Cayma引擎");
    _car.setEngine("Cayma引擎");
  };
  this.buildWheel = function () {
    console.log("制造Cayma輪子");
    _car.setWheel("Cayma輪子");
  };
  this.buildCar = function () {
    console.log("Cayma汽車各部組裝完畢");
    return _car;
  };
}

var builder911 = new Builder911();
var director911 = new Director(builder911);
var car911 = director911.build();
car911.check();

var builderCayma = new BuilderCayma();
var directorCayma = new Director(builderCayma);
var Cayma = directorCayma.build();
Cayma.check();

適用場景

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

云服務(wù)器 GPU云服務(wù)器建造者模式建造者設(shè)計(jì)模式 android建造者模式策略者模式

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/79491.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

tanglijun

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

【黑馬程序員】通訊錄管理系統(tǒng)----個(gè)人改良版（附帶程序打包）

閱讀 2529·2021-09-28 09:36
如何識(shí)別虛擬主機(jī)服務(wù)器-如何知道某個(gè)網(wǎng)站用的是虛擬主機(jī)還是獨(dú)立服務(wù)器？

閱讀 3670·2021-09-22 15:41
智慧園區(qū)三維可視化系統(tǒng)（附方案+源碼）

閱讀 4538·2021-09-04 16:45
css選擇class中的第一個(gè)怎么選？使用first-of-type？

閱讀 2174·2019-08-30 15:55
css居中辦法學(xué)習(xí)筆記

閱讀 2903·2019-08-30 13:49
CSS魔法堂：稍稍深入偽類選擇器

閱讀 891·2019-08-29 16:34
彈性布局實(shí)現(xiàn)滑動(dòng)內(nèi)容放大，且放大部分不會(huì)被隱藏掉

閱讀 2443·2019-08-29 12:57
瀏覽器的Event Loop

閱讀 1732·2019-08-26 18:42

亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

JS 設(shè)計(jì)模式八（建造者模式）

相關(guān)文章

JS 建造者模式

**js常用設(shè)計(jì)模式實(shí)現(xiàn)（三）建造者模式**

**一天一個(gè)設(shè)計(jì)模式之JS實(shí)現(xiàn)——建造者模式**

**細(xì)談JavaScript中的一些設(shè)計(jì)模式**

深入理解建造者模式 ——組裝復(fù)雜的實(shí)例

發(fā)表評(píng)論

0條評(píng)論

tanglijun

男|高級(jí)講師

TA的文章

【黑馬程序員】通訊錄管理系統(tǒng)----個(gè)人改良版（附帶程序打包）

如何識(shí)別虛擬主機(jī)服務(wù)器-如何知道某個(gè)網(wǎng)站用的是虛擬主機(jī)還是獨(dú)立服務(wù)器？

智慧園區(qū)三維可視化系統(tǒng)（附方案+源碼）

css選擇class中的第一個(gè)怎么選？使用first-of-type？

css居中辦法學(xué)習(xí)筆記

CSS魔法堂：稍稍深入偽類選擇器

彈性布局實(shí)現(xiàn)滑動(dòng)內(nèi)容放大，且放大部分不會(huì)被隱藏掉

瀏覽器的Event Loop

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

JS 設(shè)計(jì)模式 八（建造者模式）

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

JS 設(shè)計(jì)模式八（建造者模式）