如何使用Javascript實現建造者模式

小編給大家分享一下如何使用Javascript實現建造者模式，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

JavaScript有什么特點

1、js屬于一種解釋性腳本語言；2、在絕大多數瀏覽器的支持下，js可以在多種平臺下運行，擁有著跨平臺特性；3、js屬于一種弱類型腳本語言，對使用的數據類型未做出嚴格的要求，能夠進行類型轉換，簡單又容易上手；4、js語言安全性高，只能通過瀏覽器實現信息瀏覽或動態交互，從而有效地防止數據的丟失；5、基于對象的腳本語言，js不僅可以創建對象，也能使用現有的對象。

概述

建造者模式是相對比較簡單的一種設計模式，屬于創建型模式的一種；

定義：將一個復雜的對象分解成多個簡單的對象來進行構建，將復雜的構建層與表現層分離，使相同的構建過程可以創建不同的表示模式；

優點：

• 建造者模式的封裝性比較好，創建對象和構建過程解耦；

• 建造者模式很容易擴展，當我們需要擴展的時候，通過一個新的建造者就可以實現；

模式作用：

• 分步創建一個復雜的對象

• 解耦封裝過程和具體創建組件

• 無需關心組件如何組裝

注意事項：

• 一定要一個穩定的算法支持　　

• 加工工藝是暴露的，也就是說土豪可以隨時去看房子建的怎么樣了

白話解釋：

某土豪想建一個房子，某土豪只需要找包工頭，包工頭再去找施工團隊來建造房子，而不需要土豪自己去一個個的找工人搭建施工團隊開始施工；包工頭知道土豪的需求，也知道哪里能找到工人搭建施工團隊，工人可以直接干活，中間節省了土豪直接和工人溝通的成本；土豪不需要知道房子該怎么建，土豪只需要最后能驗收到房就行；

代碼實現

在寫代碼之前我們先分析一下：

1、產出的東西是房子

2、包工頭調用工人進行開工而且他要很清楚工人們具體的某一個大項

3、工人是蓋房子的工人可以建臥室建客廳建廚房

4、包工頭只是一個接口，他只對外說蓋房子，他不用做事情；　　　

function Fangzi(){
    this.woshi = "";
    this.keting = "";
    this.chufang = "";
}

function Baogongtou(){
    this.jianfangzi = function(gongren){
        gongren.jian_woshi();
        gongren.jian_keting();
        gongren.jian_chufang();
    }
}

function Gongren(){
    this.jian_woshi = function(){
        console.log("臥室建好了!");
    }

    this.jian_keting = function(){
        console.log("客廳建好了！");
    }

    this.jian_chufang = function(){
        console.log("廚房建好了！");
    }

    this.wangong = function(){
        var fangzi = new Fangzi();
        fangzi.woshi = "ok";
        fangzi.keting = "ok";
        fangzi.chufang = "ok";
        return fangzi;
    }
}
let gongren = new Gongren();
let baogongtou = new Baogongtou();
//臥室建好了!
//客廳建好了！
//廚房建好了！
baogongtou.jianfangzi(gongren);
var my_fangzi = gongren.wangong();
/*
Fangzi={
       chufang: "ok"
       keting: "ok"
       woshi: "ok"
       }
*/
console.log(my_fangzi);

上述代碼中我們可以看到，Gongren（）里面是具體的施工過程，也就是具體做的事情，Fangzi（）里面一開始都是空的，沒有客廳、廚房、臥室；Baogongtou()里面只是對外宣傳可以建房子，然后傳入工人方法調用工人進行施工；工人方法執行完了也就是施工完了，然后就是交房；一個新的方法里面實例化Fangzi()的方法，在新方法里面重新賦值即可；

看完了這篇文章，相信你對“如何使用Javascript實現建造者模式”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！