频道栏目
首页 > 资讯 > JavaScript > 正文

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

15-08-28        来源:[db:作者]  
收藏   我要投稿

概述

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

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


 

 

 

 
相关TAG标签
上一篇:Android中Toast的使用
下一篇:android之播放器
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站