javascript设计模式之工厂(Factory)模式

概述

工厂模式一种创建型模式，目的是为了创建对象。它通常在类或者类的静态方法中实现。

1.当创建相似对象时，执行重复操作。

2.在编译不知道具体类型时，为工厂客户提供一种创建对象的接口。

工厂模式

通过工厂方法（或类）创建的对象在设计上都继承了相同的父对象这个思想，它们都是实现专门功能的特定子类。

示例：

（1）公共构造函数CarMaker

（2）一个名为factory()的CarMaker的静态方法 ，该方法用于创建car对象

（3）从CarMaker继承的专门构造函数CarMaker.Compact，CarMaker.SUV。所有这些构造函数都被定义为父类的静态属性，以保证全局命名空间免受污染。

实现：

[javascript]  view plain  copy

1. var corolla=CarMaker.factory('Compact'),  
2.       cheroke=CarMaker.factory("SUV");  
3. corolla.drive();  
4. cheroke.drive();  

工厂方法接受在运行时以字符串的形式指定的类型，然后创建并返回所请求类型的对象。代码中看不到任何具有new或对象字面量的构造函数。

下面是工厂模式实现的示例，这将会使得前面的代码片段正常运行：

[javascript]  view plain  copy

1. function CarMaker(){}  
2.   
3.    CarMaker.prototype.drive=function(){  
4.        return "I have "+this.doors+" doors";  
5.    }  
6.   
7.    CarMaker.factory=function(type){  
8.        var constr=type,  
9.                newcar;  
10.        if(typeof CarMaker[constr]!=="function"){  
11.   
12.            throw{  
13.                name:"Error",  
14.                message:constr+"doesn't exist"  
15.            };  
16.            if(typeof CarMaker[constr].prototype.drive!=="function"){  
17.                CarMaker[constr].prototype=new CarMaker();  
18.            }  
19.            newcar=new CarMaker[constr]();  
20.            return newcar;  
21.        }  
22.    }  
23.    CarMaker.Compact= function () {  
24.        this.doors=4;  
25.    }  
26.    CarMaker.SUV= function () {  
27.        this.doors=24;  
28.    }  

何时使用工厂模式：

（1）当对象或者组件设置涉及高复杂性时

（2）当需要根据所在不同的环境轻松生产对象的不同实例时

（3）当处理很多共享相同属性的小型对象或组件时

抽象工厂（Abstract Factory）

抽象工厂用于封装一组具有共同目标的单个工厂。它能够将一组对象的实现细节从一般的语法中分离出来。

应用抽象工厂的场景：一个系统必须独立于它所创建的对象的生成方式，或它需要与多种对象类型一起工作。

下例是一个车辆工厂，它定义了获取或注册车辆类型的方法。抽象工厂命名为AbstractVehicleFactory。抽象工厂将允许对象car或truck这样的车辆类型进行定义，具体工厂只需实现车辆契约类（如Vehicle.prototype.drive）

实现代码

[javascript]  view plain  copy

1.    function Car(options){  
2.        this.doors=options.door||4;  
3.    }  
4.    Car.prototype.drive= function () {  
5.        return this.doors;  
6.    }  
7. var AbstractVehicleFactory=(function () {  //抽象工厂  
8.     var types={};  
9.     return{  
10.         getVehicle: function (type ,customizations) {  
11.             var Vehicle=types[type];  
12.             return (Vehicle) ? (new Vehicle(customizations)): null;  
13.         },  
14.         registerVehicle:function (type,Vehicle) {  
15.             var proto=Vehicle.prototype;  
16.   
17.             if(proto.drive){  
18.                 types[type]=Vehicle;  
19. <span style="box-sizing: border-box; margin: 0px; padding: 0px; border: none; outline: 0px; vertical-align: baseline; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: i