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

概述

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

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

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

工厂模式

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

示例：

（1）公共构造函数CarMaker

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

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

实现：

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

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

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

 function CarMaker(){}

    CarMaker.prototype.drive=function(){
        return "I have "+this.doors+" doors";
    }

    CarMaker.factory=function(type){
        var constr=type,
                newcar;
        if(typeof CarMaker[constr]!=="function"){

            throw{
                name:"Error",
                message:constr+"doesn't exist"
            };
            if(typeof CarMaker[constr].prototype.drive!=="function"){
                CarMaker[constr].prototype=new CarMaker();
            }
            newcar=new CarMaker[constr]();
            return newcar;
        }
    }
    CarMaker.Compact= function () {
        this.doors=4;
    }
    CarMaker.SUV= function () {
        this.doors=24;
    }

何时使用工厂模式：

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

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

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

抽象工厂（Abstract Factory）

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

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

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

实现代码

    function Car(options){
        this.doors=options.door||4;
    }
    Car.prototype.drive= function () {
        return this.doors;
    }
 var AbstractVehicleFactory=(function () {  //抽象工厂
     var types={};
     return{
         getVehicle: function (type ,customizations) {
             var Vehicle=types[type];
             return (Vehicle) ? (new Vehicle(customizations)): null;
         },
         registerVehicle:function (type,Vehicle) {
             var proto=Vehicle.prototype;

             if(proto.drive){
                 types[type]=Vehicle;
             }
             return AbstractVehicleFactory;
         }
     }
 })();
    AbstractVehicleFactory.registerVehicle("car",Car);

   var car=AbstractVehicleFactory.getVehicle("car",{
       door:4
   });
    console.log(car);