快捷導(dǎo)航

Javascript設(shè)計(jì)模式理論與編程實(shí)戰(zhàn)之簡單工廠模式

更新時間：2015年11月03日 09:38:25 作者：小灰狼的腦瓜

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

閱讀目錄

基本介紹
舉例說明
總結(jié)說明

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

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

通常我們創(chuàng)建對象最常規(guī)的方法就是使用new關(guān)鍵字調(diào)用構(gòu)造函數(shù)，這會導(dǎo)致對象之間的依賴性。工廠模式是一種有助于消除類之間依賴性的設(shè)計(jì)模式，它使用一個方法來決定要實(shí)例化哪一個類。本文詳細(xì)介紹了簡單工廠模式的理論，并且舉例說明了簡單工廠模式的具體應(yīng)用。

基本介紹

簡單工廠模式是工廠模式中最基本的一種。通過定義一個工廠類，根據(jù)參數(shù)實(shí)例化具體的某個產(chǎn)品類。

舉例說明

我們舉個例子進(jìn)行說明：假設(shè)我們開發(fā)一個旅游行業(yè)網(wǎng)站，網(wǎng)站上面銷售機(jī)票，酒店等產(chǎn)品。一個用戶準(zhǔn)備購買一張機(jī)票。我們可以定義相關(guān)類如下：

 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，機(jī)票類Flight，酒店類Hotel，其中User包含預(yù)訂方法。用戶預(yù)訂的時候直接傳入產(chǎn)品類型即可。這段代碼乍一看沒什么問題，但是需求和業(yè)務(wù)是隨時變化的，如果公司業(yè)務(wù)擴(kuò)展，增加了簽證業(yè)務(wù)，我們就要去修改User類來保證它支持簽證。我們當(dāng)然可以這么做，但直接去修改User類有什么不好呢，有沒有更好的方法呢？

首先要說的是User類，這個類是表示用戶類，而用戶類本質(zhì)上跟具體的某一類業(yè)務(wù)是無關(guān)的，也就是說，業(yè)務(wù)有可能隨時增加，但是用戶關(guān)于業(yè)務(wù)方面的代碼也就是創(chuàng)建產(chǎn)品訂單。新增的簽證業(yè)務(wù)本質(zhì)上和已經(jīng)存在的機(jī)票和酒店沒有什么區(qū)別，如果每增加一種業(yè)務(wù)就要去修改User類，這對代碼的穩(wěn)定性和可維護(hù)性大大的不好，更好的解決方法是有一個專門的創(chuàng)建訂單的類在管理不同的業(yè)務(wù)，這個類就是簡單工廠。

我們修改代碼如下：

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));
   }
 }

這段代碼主要修改的地方有兩點(diǎn)：

（1）增加了一個產(chǎn)品工廠，根據(jù)不同的產(chǎn)品類型返回不同的對象

（2）修改User類的order方法為調(diào)用工廠類中的創(chuàng)建產(chǎn)品方法。

這樣做的好處是：

（1）使User的order方法更加專注，只做預(yù)訂產(chǎn)品這一功能，而提取創(chuàng)建產(chǎn)品訂單到專門的工廠類中，代碼更簡潔清晰

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

總結(jié)說明

簡單工廠模式的主要特點(diǎn)是將對象的創(chuàng)建和使用進(jìn)行了分離，主要有3個部分組成：

1.對象使用類，該類是被工廠創(chuàng)造出來的使用者，與對象的種類和創(chuàng)建過程無關(guān)

2.工廠類，工廠類根據(jù)傳入的參數(shù)創(chuàng)建不同的對象并返回給對象使用類，包含了不同對象的創(chuàng)建過程，如果有不同的對象，則要修改該類

3.對象類，不同業(yè)務(wù)產(chǎn)生的不同類，就是工廠生產(chǎn)的產(chǎn)品

簡單工廠模式優(yōu)點(diǎn)