JS 工廠模式

時間 2019-11-06

標籤工廠模式欄目 JavaScript 简体版

原文原文鏈接

1. 簡介

工廠模式的目的是爲了建立對象，它一般在類或者類的靜態方法中實現，具備如下目標：html

當建立類似對象時執行重複操做
當編譯時不知道具體類型的狀況下，爲工廠客戶提供一個建立對象的接口

與建立型模式相似，工廠模式建立對象（視爲工廠裏的產品）時無需指定建立對象的具體類。前端

工廠模式定義一個用於建立對象的接口，這個接口由子類決定實例化哪個類。該模式使一個類的實例化延遲到了子類。而子類能夠重寫接口方法以便建立的時候指定本身的對象類型。segmentfault

這個模式十分有用，尤爲是建立對象的流程賦值的時候，好比依賴於不少設置文件等。而且，你會常常在程序裏看到工廠方法，用於讓子類類定義須要建立的對象類型。設計模式

2. 實現

一個簡單的實現，使用IIFE：緩存

var Car = (function () {
    var Car = function (model, year, miles) {
        this.model = model;
        this.year = year;
        this.miles = miles;
    };
    return function (model, year, miles) {
        return new Car(model, year, miles);
    };
})();

var tom = new Car("Tom", 2009, 20000);
var dudu = new Car("Dudu", 2010, 5000);

若是使用對象屬性來實現：微信

var productManager = {};

productManager.createProductA = function() {
    this.prd = 'A'
    console.log('Product ' + this.prd);
}
productManager.createProductB = function() {
    this.prd = 'B'
    console.log('Product ' + this.prd);
}

productManager.factory = function(typeType) {
    return new productManager[typeType];
}

productManager.factory("createProductA");    // Product A
productManager.factory("createProductB");    // Product B

如下例子中的工廠方法接受在運行時以字符串形式指定的類型，而後建立並返回所請求類型的對象。函數

function CarMaker() {}

CarMaker.prototype.drive = function() {
  return `I have ${this.doors} doors!`
}

CarMaker.factory = function(type) {
  const constr = type
  if (typeof CarMaker[constr] !== 'function') {
    throw new Error(`${constr} doesnot exist`)
  }
  // 原型繼承的方式使得原型繼承父類
  if (typeof CarMaker[constr].prototype.drive !== 'function') {
    CarMaker[constr].prototype = new CarMaker()
  }
  return new CarMaker[constr]()
}

CarMaker.Compact = function() { this.doors = 4}
CarMaker.Convertible = function() { this.doors = 2}

const corolla = CarMaker.factory('Compact')
corolla.drive()    // "I have 4 doors!"

也能夠把實際對象的建立工做放到原型中：學習

const Factory = function(type, content) {
  return (this instanceof Factory)
      ? new this[type](content)
      : new Factory(type, content)
}

Factory.prototype.Compact = function(content) { this.doors = 4}
Factory.prototype.Convertible = function(content) { this.doors = 2}

Factory.prototype.Compact.prototype.drive = function() {
  return `I have ${this.doors} doors!`
}

const corolla = Factory('Compact')
corolla.drive()    // "I have 4 doors!"