DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript設計模式理論與編程實戰之簡單工廠模式
Javascript設計模式理論與編程實戰之簡單工廠模式
編輯:關於JavaScript     

閱讀目錄

基本介紹
舉例說明
總結說明

簡單工廠模式是由一個方法來決定到底要創建哪個類的實例, 而這些實例經常都擁有相同的接口. 這種模式主要用在所實例化的類型在編譯期並不能確定, 而是在執行期決定的情況。 說的通俗點,就像公司茶水間的飲料機,要咖啡還是牛奶取決於你按哪個按鈕。

簡單工廠模式在創建ajax對象的時候也非常有用.

通常我們創建對象最常規的方法就是使用new關鍵字調用構造函數,這會導致對象之間的依賴性。工廠模式是一種有助於消除類之間依賴性的設計模式,它使用一個方法來決定要實例化哪一個類。本文詳細介紹了簡單工廠模式的理論,並且舉例說明了簡單工廠模式的具體應用。

基本介紹

簡單工廠模式是工廠模式中最基本的一種。通過定義一個工廠類,根據參數實例化具體的某個產品類。

舉例說明

我們舉個例子進行說明:假設我們開發一個旅游行業網站,網站上面銷售機票,酒店等產品。一個用戶准備購買一張機票。我們可以定義相關類如下:

 var productEnums = {
   flight: "flight",
   hotel: "hotel"
 };
 function Flight() {
   console.log("This is Flight");
 }
 function Hotel() {
   console.log("This is Hotel");
 }
 function User() {
   this.shopCart = [];
 }
 User.prototype = {
   constructor: User,
   order: function (productType) {
     var product = null;
     switch (productType) {
       case productEnums.flight:
         product = new Flight();
       case productEnums.hotel:
         product = new Hotel();
       default:
     }
     this.shopCart.push(product);
   }
 }
 var user = new User();
 user.order(productEnums.flight);

這段代碼定義了三個類:用戶類User,機票類Flight,酒店類Hotel,其中User包含預訂方法。用戶預訂的時候直接傳入產品類型即可。這段代碼乍一看沒什麼問題,但是需求和業務是隨時變化的,如果公司業務擴展,增加了簽證業務,我們就要去修改User類來保證它支持簽證。我們當然可以這麼做,但直接去修改User類有什麼不好呢,有沒有更好的方法呢?

首先要說的是User類,這個類是表示用戶類,而用戶類本質上跟具體的某一類業務是無關的,也就是說,業務有可能隨時增加,但是用戶關於業務方面的代碼也就是創建產品訂單。新增的簽證業務本質上和已經存在的機票和酒店沒有什麼區別,如果每增加一種業務就要去修改User類,這對代碼的穩定性和可維護性大大的不好,更好的解決方法是有一個專門的創建訂單的類在管理不同的業務,這個類就是簡單工廠。

我們修改代碼如下:

var productFactory = (function () {
   var productFactories = {
     "flight": function () {
       return new Flight();
     },
     "hotel": function () {
       return new Hotel();
     }
   };
   return {
     createProduct: function (productType) {
       return productFactories[productType]();
     }
   }
 })();
 User.prototype = {
   constructor: User,
   order: function (productType) {
     this.shopCart.push(productFactory.createProduct(productType));
   }
 }

這段代碼主要修改的地方有兩點:

(1)增加了一個產品工廠,根據不同的產品類型返回不同的對象

(2)修改User類的order方法為調用工廠類中的創建產品方法。

這樣做的好處是:

(1)使User的order方法更加專注,只做預訂產品這一功能,而提取創建產品訂單到專門的工廠類中,代碼更簡潔清晰

(2)一個專門管理product的factory,添加新產品很容易,不用再去修改User類

總結說明

簡單工廠模式的主要特點是將對象的創建和使用進行了分離,主要有3個部分組成:

1.對象使用類,該類是被工廠創造出來的使用者,與對象的種類和創建過程無關

2.工廠類,工廠類根據傳入的參數創建不同的對象並返回給對象使用類,包含了不同對象的創建過程,如果有不同的對象,則要修改該類

3.對象類,不同業務產生的不同類,就是工廠生產的產品

簡單工廠模式優點

1.工廠類集中了所有對象的創建,便於對象創建的統一管理

2.對象的使用者僅僅是使用產品,實現了單一職責

3.便於擴展,如果新增了一種業務,只需要增加相關的業務對象類和工廠類中的生產業務對象的方法,不需要修改其他的地方。

適用場景

1.需要根據不同參數產生不同實例,這些實例有一些共性的場景

2.使用者只需要使用產品,不需要知道產品的創建細節

注意:除非是適用場景,否則不可濫用工廠模式,會造成代碼的復雜度。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved