设计模式——抽象工厂模式（诸葛韩信总结版）

上文我们说到了工厂模式，自然就是能够批量生产的一个“机械产出”模式。虽然复杂工厂已经够满足大部分的产出模式了，然而我们仍然希望，能够有一种工厂模式分批进行的同时，还能够在实际操作中提供报错信息。而有一个“中心模板”可以让不一样的产品（样式、板式、品种不一样）可以借用这个模板构建基础内涵。
那么抽象模式可以解决这类需求。用JavaScript的话说就是，一个实现子类继承父类的，在这个方法中需要传递子类以及要继承父类的名称，并且在抽象工厂方法中增加了一次对抽象类存在性的一次判断，如果存在，则将子类继承父类的方法（正常来说都是寄生式继承）。
接着上文的工厂模式，我们将工厂做成更加智能的吧。这个时候，我们生产的衣服、裤子等产品都会有不同的人群服务，比如说女装、男装、童装等。

抽象工厂模式

抽象工厂继承类（可以理解成产品的大父级。这里是该方法的核心，也是继承类的方法；这里如果捕获到VehicleFactory[superType] 不是函数，那么就抛出错误，如果不想抛出错误，可以直接控制台输出点内容即可。）

   var VehicleFactory = function (subType, superType) {
     // 判断抽象工厂中是否有该抽象类
     if (typeof VehicleFactory[superType] === 'function') {
       // 缓存类
       // 方法一：使用new关键字创建
       //subType.prototype = new VehicleFactory[superType]()
       // 方法二：分别继父类原型和子类构造器
       function F() {}
       F.prototype = new VehicleFactory[superType]()
       subType.constructor = subType //相当于指向了该类的具体项，保证了如果修改了subType的prototype不会影响到父类）
       subType.prototype = new F()
     } else {
       throw new Error('未创建该抽象类')
     }
   }

抽象类（这里是父级的方式，这里可以有很多种类型的父级，比如说衣服、裤子、鞋子、包包、袜子等等。）

// 衣服抽象类
VehicleFactory.Clothes = function() {
	this.type = 'Clothes'
}
VehicleFactory.Clothes.prototype =  {
	getColors: function() {
	   return new Error('抽象方法不能被调用')
	},
	getNames: function() {
	   return new Error('抽象方法不能被调用')
	}
}

// 裤子抽象类
VehicleFactory.Trousers= function() {
	this.type = 'Trousers'
}
VehicleFactory.Trousers.prototype =  {
	getColors: function() {
	   return new Error('抽象方法不能被调用')
	},
	getNames: function() {
	   return new Error('抽象方法不能被调用')
	}
}

// 鞋子抽象类
VehicleFactory.Shoes= function() {
	this.type = 'Shoes'
}
VehicleFactory.Shoes.prototype =  {
	getColors: function() {
	   return new Error('抽象方法不能被调用')
	},
	getNames: function() {
	   return new Error('抽象方法不能被调用')
	}
}

抽象类的转化（借用抽象工厂，继承抽象类）

//童装衣服类
var kidsClothes = function(names, colors) {
	this.names = names
	this.colors = colors
}

//抽象工厂实现童装衣服的继承
VehicleFactory(kidsClothes, 'Clothes');
kidsClothes.prototype.getColors = function() {
   return this.colors;
}
kidsClothes.prototype.getNames = function() {
   return this.names;
}

//女装鞋子类
var ladiesShoes = function(names, colors) {
	this.names = names
	this.colors = colors
}

//抽象工厂实现女装鞋子的继承
VehicleFactory(ladiesShoes, 'Shoes');
ladiesShoes.prototype.getColors = function() {
   return this.colors;
}
ladiesShoes.prototype.getNames = function() {
   return this.names;
}

至此，我们已经构建好了一个抽象工厂。我们可以试用一下：

var blueColorClothes = new kidsClothes('kidsclothesblue', 'blue');
blueColorClothes.getNames();// kidsclothesblue
blueColorClothes.getColors();// blue

通过了抽象工厂，我们可以不仅包括了该类的所有的属性和方法，同时可以自个传入想要的一些属性和方法。