JavaScript 設(shè)計(jì)模式讀書(shū)筆記(五)——工廠模式

Eirunye 發(fā)布于2019-08-21 12:16 / 1749人閱讀

摘要：假設(shè)有一個(gè)生產(chǎn)交通工具的工廠類，它包含生成多種交通工具實(shí)例的方法。在使用這個(gè)類生產(chǎn)對(duì)象的時(shí)候，傳入?yún)?shù)，在參數(shù)中的屬性規(guī)定我們需要的類型，構(gòu)造函數(shù)就能夠返回我們需要的對(duì)象類型了。

一般來(lái)說(shuō)，創(chuàng)建對(duì)象的時(shí)候我們都習(xí)慣使用new關(guān)鍵字來(lái)調(diào)用constructor構(gòu)造函數(shù)，但使用這種方式會(huì)有一些缺點(diǎn)，首先構(gòu)造器函數(shù)的創(chuàng)建本身就是為了模仿其他一些面向?qū)ο笳Z(yǔ)言的特性，有些人覺(jué)得這是non-sense；另一方面，在一個(gè)類中用new關(guān)鍵字調(diào)用其他類的構(gòu)造函數(shù)，會(huì)造成兩個(gè)類之間的耦合，設(shè)計(jì)模式應(yīng)該要盡量避免這些影響代碼可重用性的問(wèn)題。

簡(jiǎn)單工廠模式

一個(gè)工廠可以生產(chǎn)同一類的多種物品，具體生產(chǎn)哪種就看客戶下什么訂單了。工廠模式也是一樣，我們創(chuàng)建一個(gè)工廠類，它可以創(chuàng)建多種實(shí)例，由開(kāi)發(fā)者指定。
假設(shè)有一個(gè)生產(chǎn)交通工具的工廠類Vehicle，它包含生成多種交通工具實(shí)例的方法。

function Vehicle() {}

Vehicle.prototype = {
  createVihicle: function(options) {
    var vehicle;

    switch(options.type) {
      case "car":
        vehicle = new Car();
        break;
      case "truck":
        vehicle = new Truck();
        break;
      default:
        vehicle = new Bike();
    }

    return vehicle;
  }
};

在使用這個(gè)類生產(chǎn)對(duì)象的時(shí)候，傳入option參數(shù)，在參數(shù)中的type屬性規(guī)定我們需要的類型，構(gòu)造函數(shù)就能夠返回我們需要的對(duì)象類型了。使用這種方法，如果我們要添加新的交通工具類型也是很方便的，在工廠的switch中直接添加一個(gè)case就可以了。

switch(options.type) {
  case "car":
    vehicle = new Car();
    break;
  case "truck":
    vehicle = new Truck();
    break;
  case "plane":
    vehicle = new Plane();
    break;
  default:
    vehicle = new Bike();
}

通過(guò)這種方式，將成員對(duì)象的創(chuàng)建工作轉(zhuǎn)交給外部對(duì)象，可以像上述代碼一樣轉(zhuǎn)交給獨(dú)立的命名空間，像Car，Truck，Plane等，如果外部對(duì)象屬于同一類的話，將它們組織為一個(gè)大類中的子類比較合理。

工廠模式

以上介紹的是簡(jiǎn)單工廠模式，簡(jiǎn)單工廠模式會(huì)把創(chuàng)建工作交給外部的類來(lái)做，這實(shí)際上會(huì)增加類的數(shù)量，并不利于代碼的組織。真正的工廠模式會(huì)把創(chuàng)建工作交給子類來(lái)完成，父類只對(duì)創(chuàng)建過(guò)程中的一般性問(wèn)題進(jìn)行處理，這些處理會(huì)影響到每個(gè)子類，而子類之間相互獨(dú)立，可以對(duì)創(chuàng)建過(guò)程進(jìn)行一些定制化操作。

還是以生產(chǎn)交通工具為例，將交通工具父類改寫(xiě)為一個(gè)抽象類，它不負(fù)責(zé)直接生產(chǎn)交通工具，而是通過(guò)它派生出一些子類，這些子類代表不同的國(guó)家，不同的國(guó)家可以生產(chǎn)自己的交通工具。

將父類抽象化：

function Vehicle() {}

Vehicle.prototype = {
  createVihicle: function(options) {
    // 這里不直接生產(chǎn)，如果直接調(diào)用會(huì)拋出錯(cuò)誤
    throw new Error("Unsupported operation on an abstract class.")
  }
};

不同的國(guó)家作為子類，子類首先對(duì)父類進(jìn)行繼承，然后實(shí)現(xiàn)自己的createVehicle方法。

function China() {}

// 繼承方法
extend(China, Vehicle);

// 實(shí)現(xiàn)自己的createVehicle方法
China.prototype.createVehicle = function(options) {
  var vehicle;

  switch(options.type) {
    case "car":
      vehicle = new Car();
      break;
    case "truck":
      vehicle = new Truck();
      break;
    default:
      vehicle = new Bike();
  }

  return vehicle;
}

以后要生產(chǎn)交通工具的時(shí)候就調(diào)用China子類的createVehicle方法就可以了。

var chinaVehicle = new China();
var myCar = chinaVehicle.createVehicle({ type: "Car" });

一般性的代碼集中在父類中，個(gè)性化的代碼在子類中多帶帶定制。

工廠模式適用場(chǎng)合

子類的共同點(diǎn)是它們都實(shí)現(xiàn)了同一批接口，盡管內(nèi)部細(xì)節(jié)并不盡相同。生產(chǎn)對(duì)象的方法有一個(gè)選擇性的過(guò)程，這種選擇可以是開(kāi)發(fā)者自定的，比如需要生產(chǎn)何種交通工具，也可以是自動(dòng)選擇的，比如根據(jù)瀏覽器環(huán)境生產(chǎn)合適的XHR對(duì)象。對(duì)于相似性很高，實(shí)現(xiàn)了同一類接口的對(duì)象，工廠模式是比較合適的。

另外的一大好處就是子類的一些設(shè)置代碼可以全部放在父類的構(gòu)造器函數(shù)中，不需要在每個(gè)子類的構(gòu)造函數(shù)中重復(fù)運(yùn)行同樣的代碼，只需要在父類的代碼中實(shí)現(xiàn)一次就好。子類只需要專注于實(shí)現(xiàn)自己的方法，不用考慮別的問(wèn)題。

最后一點(diǎn)則是如果一個(gè)類中包含了很多更小的子類作為自己的組成部分，那么替換這些子類的工作會(huì)很簡(jiǎn)單，因?yàn)楣S模式降低了模塊之間的耦合度，一個(gè)模塊并不會(huì)依賴于其某一組成部分。