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

概述

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

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

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

工厂模式

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

示例：

（1）公共构造函数CarMaker

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

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

实现：

[javascript] view
plain copy

var corolla=CarMaker.factory('Compact'),  

      cheroke=CarMaker.factory("SUV");  

corolla.drive();  

cheroke.drive();  

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

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

[javascript] view
plain copy

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）

实现代码

[javascript] view
plain copy

   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); 

转自：http://blog.csdn.net/vuturn/article/details/47955811