ES6對抽象工廠模式與策略模式結合的實踐

這段代碼是我在學習了java版的抽象工廠模式後，實現的ES6版抽象工廠，後期大幅修改，加入了策略模式，看起來不少邏輯看似繁瑣，沒必要要寫這麼多，可是爲了練習設計模式，因此才這樣作。當所需的工廠種類增多後，以及須要頻繁修改子工廠時，這樣抽象工廠模式與策略模式的結合就會發揮巨大的優點，後期維護簡單，耦合性低，便於統計子類型等。

/*   使用策略模式，來將具體的工廠類型進行封裝，而後便於後期添加新的工廠，而不用修改原有的代碼
*    只須要寫出新的工廠類，並使用addClass方法進行添加，及可方便的獲得工廠，並生產
*    能夠經過對factoryList這個實例對象進行查詢，便可知道有哪些工廠類型能夠進行工做
*/

// 定義鋼筆廠
class PenFactory{
  constructor(penColor){
    this.penColor = penColor;
  }
  produce(penNum){
    console.log(`生產了${penNum}只${this.penColor}顏色的筆`);
  }
}
//  定義紙廠
class PaperFactory{
  constructor(paperColor){
    this.paperColor = paperColor;
  }
  produce(paperNum){
    console.log(`生產了${paperNum}張${this.paperColor}顏色的紙`);
  }
}
//  定義手機廠
class PhoneFactory{
  constructor(weight){
    this.weight = weight;
  }
  produce(num){
    console.log(`生產了${num}個${this.weight}重的手機`);
  }
}


//  定義工廠列表類，實現抽象工廠模式，以及策略模式結合使用
class FactoryList{
  constructor(){
    //  用於保存不一樣的策略名稱，及對應的方案
    this.strateges = {};
  }
  addClass(factoryClass){
    //  new 後要跟真正的類不能是類名的字符串,這裏接收的參數是真正的類，使用它的name屬性獲取類名
    this.strateges[factoryClass.name] = function(config){return new factoryClass(config)};
  }
  getFactory(className,config){
    return this.strateges[className].call(null,config);
  }
}
var factoryList = new FactoryList();

factoryList.addClass(PhoneFactory); // 這裏的Phone是真正的類，不是字符串類名
factoryList.addClass(PenFactory);
factoryList.addClass(PaperFactory);


// NOTE: 這裏定義我本身的工廠，由我決定生存哪些產品，以及有什麼工廠
var myFactory = {};
var phoneF = factoryList.getFactory('PhoneFactory','500g');
var penF = factoryList.getFactory('PenFactory','紅色');
var paperF = factoryList.getFactory('PaperFactory','A4');
//  這裏要綁定那個具體的工廠類，借用this，確保我本身的廠子的某類具體的生產參數不出錯
myFactory.producePhone = phoneF.produce.bind(phoneF);
myFactory.producePen = penF.produce.bind(penF);
myFactory.producePaper = paperF.produce.bind(paperF);
myFactory.producePhone(10);  //  生產了10個500g重的手機
myFactory.producePen(20);    //  生產了20只紅色顏色的筆
myFactory.producePaper(30);  //  生產了30張A4顏色的紙