首頁 web前端 js教程 JavaScript設計模式建造者模式介紹_javascript技巧

JavaScript設計模式建造者模式介紹_javascript技巧

May 16, 2016 pm 04:23 PM
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 工個來建子,最後房主人從工人那裡取得建好的房子;

其他說明

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

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

Java框架中設計模式與架構模式的區別 Java框架中設計模式與架構模式的區別 Jun 02, 2024 pm 12:59 PM

在Java框架中,設計模式和架構模式的區別在於:設計模式定義了在軟體設計中解決常見問題的抽象解決方案,專注於類別和物件之間的交互,例如工廠模式。架構模式定義了系統結構和模組之間的關係,關注系統元件的組織和交互,如分層架構。

Java設計模式之裝飾器模式剖析 Java設計模式之裝飾器模式剖析 May 09, 2024 pm 03:12 PM

裝飾器模式是一種結構型設計模式,允許動態添加物件功能,無需修改原始類別。它透過抽象組件、具體組件、抽象裝飾器和具體裝飾器的協作實現,可以靈活擴展類別功能,滿足變化的需求。範例中,將牛奶和摩卡裝飾器添加到Espresso,總價為2.29美元,展示了裝飾器模式在動態修改物件行為方面的強大功能。

PHP 設計模式實戰案例解析 PHP 設計模式實戰案例解析 May 08, 2024 am 08:09 AM

1.工廠模式:分離物件創建和業務邏輯,透過工廠類別建立指定類型的物件。 2.觀察者模式:允許主題物件通知觀察者物件其狀態更改,實現鬆散耦合和觀察者模式。

設計模式如何應對程式碼維護難題 設計模式如何應對程式碼維護難題 May 09, 2024 pm 12:45 PM

設計模式透過提供可重複使用和可擴展的解決方案來解決程式碼維護難題:觀察者模式:允許物件訂閱事件,並在事件發生時收到通知。工廠模式:提供了一種創建物件的集中式方式,而無需依賴特定類別。單例模式:確保一個類別只有一個實例,用於建立全域可存取的物件。

Java設計模式之適配器模式的妙用 Java設計模式之適配器模式的妙用 May 09, 2024 pm 12:54 PM

適配器模式是一種結構型設計模式,允許不相容物件協同工作,它將一個介面轉換為另一個,使物件能夠順利互動。物件適配器透過建立包含被適配器對象的適配器對象,並實現目標接口,實現適配器模式。在一個實戰案例中,透過適配器模式,客戶端(如MediaPlayer)可以播放高級格式的媒體(如VLC),儘管本身僅支援普通媒體格式(如MP3)。

PHP設計模式:測試驅動開發實踐 PHP設計模式:測試驅動開發實踐 Jun 03, 2024 pm 02:14 PM

TDD用於編寫高品質PHP程式碼,步驟包括:編寫測試案例,描述預期功能並使其失敗。編寫程式碼,僅使測試案例通過,無需過度優化或詳細設計。測試案例通過後,優化和重構程式碼以提高可讀性、可維護性和可擴展性。

Guice框架中設計模式的應用 Guice框架中設計模式的應用 Jun 02, 2024 pm 10:49 PM

Guice框架應用了多項設計模式,包括:單例模式:透過@Singleton註解確保類別只有一個實例。工廠方法模式:透過@Provides註解建立工廠方法,在依賴注入時取得物件實例。策略模式:將演算法封裝成不同策略類,透過@Named註解指定具體策略。

java框架中使用設計模式的優缺點有哪些? java框架中使用設計模式的優缺點有哪些? Jun 01, 2024 pm 02:13 PM

Java框架中使用設計模式的優點包括:程式碼可讀性、可維護性和可擴充性增強。缺點包括:過度使用導致複雜性、效能開銷以及學習曲線陡峭。實戰案例:代理模式用於延遲載入物件。明智地使用設計模式可充分利用其優勢並最小化缺點。

See all articles