什么是工厂模式?我们通过一个例子了解一下:

比如我们想要弹出几个字符串

function funA(){
    alert('a');
}

function funB(){
    alert('b');
}

function funC(){
    alert('c');
}

如果我们想要弹出a,b,c我们就需要调用不同的方法funA,funB,funC。但是如果我们想弹出的东西很多呢,每次调用都需要看是需要调用哪个方法,会不会很麻烦。所以我们可以再包一个方法来做处理,如下所示:

function choose(type){
    switch(type){
        case 'funA' : funA(); break;
        case 'funB' : funB(); break;
        default : funC();
    }
}

很显然,我们在调用的时候就统一使用choose这个方法就行了,省去了很多步骤。

官方是这么定义工厂模式的:Simple Factory,又叫静态工厂方法,由一个工厂对象决定创建某一种产品对象的实例。主要用来创建同一类对象。

如果是一个工厂,必须具备以下基本条件才能成立:

    抽象: 定义一个最初的对象(告诉你有这么一个东西);

   工厂: 用于创建对象,也即对象的大本营(告诉你这个东西是一堆宝箱,你可以选择要哪个);

    具体对象: 最具象的对象,也就是某个大本营(告诉你这个宝箱中都有什么)

而工厂模式,又分为三种:简单工厂,工厂方法和抽象工厂。

1.我们先来看一下什么是简单工厂模式:

  function createPop(type,text){
      var o = new object();
      o.content = text;
       o.show = function(){
              //todo
       };

       if(type == 'alert'){
              //todo
      } else if(type == 'conform'){
             //todo
      } else if(type == 'prompt'){
             //todo
      }
 } 

我们可以简单地理解为就好比一条生产线,不同的员工有不同的职责,要生产这个产品,我们只需要把他放在生产线里就行了。

2.工厂方法

  var FoodFactory = function(type,count){
       if(this instanceof FoodFactory){
             return new this[type](count);
       }
  }

 FoodFactory.prototype = {
      Pie: function(count){
             //todo
      },
      Pizza: function(count){
             //todo
      },
      Cake: function(count){
             //todo
      }
 }

我们可以把工厂方法类比为一个大的汽车生产厂商,他可以生产轿车,也可以生产电动车,还能够生产货车,不同的车类有不同的生产线,但是又都属于这个大的厂商,只是不同的车类有不同的生产方法罢了。

3.抽象工厂

  抽象类显示定义一些功能,但没有具体实现。子类继承了抽象类还需要实现各个虚方法。就是在其他面向对象语言里的多态,创建子类赋值给父类,好处是调用方式都是一样的,运行时会自动选择子类对应的方法。如一个汽车的公司有多个品牌,它只负责设计汽车有什么功能,但真正的生产给子公司实现

var VehicleFactory = function(subType,superType){
      if(typeof VehicleFactory[superType] === 'function'){
            fucntion F(){};  //缓存类
            F.prototype = new VehicleFactory[super]();
            subType.constructor = subType;
            subType.prototype = new F();
      } else {
            throw new Error('未创建该抽象类');
      }
 }

 //抽象类
 VehicleFactory.Car = function(){
      this.type = 'Car';
 };

 VehicleFactory.Car.prototype = {
      getPrice:function(){
            return new Error('抽象方法不能调用');
      },
      // ...
 }

 //抽象类
 VehicleFactory.Truck= function(){
      this.type = 'Truck';
 };

 VehicleFactory.Truck.prototype = {
      getPrice:function(){
            return new Error('抽象方法不能调用');
      },
      // ...
 }

 //宝马子类
 var BMW = function(price,speed){
     this.price = price;
     this.speed = speed;
 };
 VehicleFactory(BMW,'Car'); //宝马继承了抽象父类Car,有了一些抽象方法,但是不能使用
 BMW.prototype.getPrice = function(){
     return this.price;
 }

 //使用
 var z4 = new BMW(50000);
 console.log(z4.type);        //Car      继承父类Car的属性
 console.log(z4.getPrice());  //50000 继承父类Car的抽象方法,自己重新实现

抽象工厂做了什么?我们需要一个新的子类时,使用抽象工厂让子类继承对应的一个抽象类,得到一些属性和虚方法,子类再实现这些虚方法,就可以使用了。

我们再来创建一个原型,就叫person吧:

var Person = function(name,methods){
    if(arguments.length > 2){
        throw new Error('参数过多');
    };
    this.name    = name;
    this.methods = [];
    for(var i=0,l=methods.length;i<l;i++){
        if(typeof methods[i] !== 'string'){
            throw new Error('参数命名需要为字符串');
        }
        this.methods.push(methods[i]);
    }
};
Person.ensureImplements = function(obj){
    for(var i=1,l=obj.length;i<l;i++){
        var interface = arguments[i];
        if(interface.constructor!=Interface){
            throw new Error('此类型接口有误');
        }
        for(var j=0,ml=interface.methods.length;j<ml;j++){
            var methods = interface.methods[j];
            if(!obj[methods] || typeof obj[methods] !== 'function'){
                throw new Error(methods + '方法不存在');
            }
        }
    }
}

这里我们创建了一个Person对象,拥有name和method属性,并做了简单处理。然后我们创建一个抽象的Person,代码如下:

var interfacePerson = new Person('Ren',['run','eat']);

然后,看看我们的具体对象,如下所示:

var PersonOne = function(){};
PersonOne.prototype = {
    run : function(){
        console.log('第一个人文文要跑了');
    },
    eat : function(){
        console.log('第一个人文文要吃饭了')
    }
}

var PersonTwo = function(){};
PersonTwo.prototype = {
    run : function(){
        console.log('第二个人瑞瑞要跑了');
    },
    eat : function(){
        console.log('第二个人瑞瑞要吃饭了')
    }
}

var PersonThree = function(){};
PersonThree.prototype = {
    run : function(){
        console.log('第三个人文瑞要跑了');
    },
    eat : function(){
        console.log('第三个人文瑞要吃饭了')
    }
}

我们定义了3个人,分别拥有run和eat的功能,并且每个人又都不一样。好了,接下来我们要开始创建我们的工厂了

var WenRui = function(){};
WenRui.prototype = {
    catchWenRui : function(whichOne){
        switch(whichOne){
            case '1' : pm = new PersonOne(); break;
            case '2' : pm = new PersonTwo(); break;
            default : pm = new PersonThree();
        }
        Interface.ensureImplements(pm);
        return pm;
    }
}

var wenRui = new WenRui();
wenRui.catchWenRui('1').run(); //第一个人文文要跑了
wenRui.catchWenRui('2').run(); //第二个人瑞瑞要跑了
wenRui.catchWenRui('3').eat(); //第三个人文瑞要吃饭了

WenRui这个构造函数充当了我们的factory的角色,我们放跑了第一个和第二个的文文和瑞瑞,留下了文瑞来吃饭。

好,我们来总结一下:其实,工厂模式的实现方法非常简单,解决了创建多个相似对象的问题,但是工厂模式却无从识别对象的类型,因为全部都是Object,不像Date、Array等,所以这个要用构造函数模式来解决。但是工厂模式的优点也很明显:他可以实现一些相同的方法,这些相同的方法我们可以放在父类中编写代码,那么需要实现具体的业务逻辑,那么可以放在子类中重写该父类的方法,去实现自己的业务逻辑;

也就是说有两点:  

 1、弱化对象间的耦合,防止代码的重复。在一个方法中进行类的实例化,可以消除重复性的代码。

 2、重复性的代码可以放在父类去编写,子类继承于父类的所有成员属性和方法,子类只专注于实现自己的业务逻辑。

好吧,工厂模式我了解的就这么多了,其实,不管是什么模式,只要我们在以后的编程过程中反复的思考我们可以怎么利用设计模式来优化我们的代码,那么,我们写出来的代码一定简而精,为更多人复用。

javaScript设计模式之----工厂模式的更多相关文章

  1. JavaScript设计模式之工厂模式

    一.工厂模式概念 工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类.该模式使一个类的实例化延迟到了子类.而子类可以重写接口方法以便创建的时候指定自己的对象类型(抽象工厂). 这个模 ...

  2. JavaScript设计模式(3)-工厂模式

    工厂模式 1. 简单工厂 简单工厂:使用一个类或对象封装实例化操作 假如我们有个自行车商店类 BicycleShop,它提供了销售自行车的方法可以选择销售两类自行车 Speedster,Comfort ...

  3. JavaScript设计模式--简单工厂模式

    一,介绍 工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类. 工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类.该模式使一个类的实例化延迟到了子类.而子类可以重写接口 ...

  4. JavaScript设计模式-10.工厂模式实例xhr

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. 【javascript】javascript设计模式之工厂模式

    1.要解决的问题 2.如何实现 3.与构造函数的区别 4.总结 1.要解决的问题 工厂模式通常用于重复创建相似对象,提供动态创建对象的接口. 2.工厂模式最为设计模式中构造模式之一,通常在类或类的静态 ...

  6. javascript设计模式-抽象工厂模式

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. JavaScript设计模式-9.工厂模式

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. JavaScript设计模式--简单工厂模式例子---XHR工厂

    第一步,Ajax操作接口(目的是起一个接口检测作用) (1)引入接口文件 //定义一个静态方法来实现接口与实现类的直接检验 //静态方法不要写出Interface.prototype ,因为这是写到接 ...

  9. JavaScript 设计模式之工厂模式

随机推荐

  1. SOFA 源码分析 — 泛化调用

    前言 通常 RPC 调用需要客户端使用服务端提供的接口,而具体的形式则是使用 jar 包,通过引用 jar 包获取接口的的具体信息,例如接口名称,方法名称,参数类型,返回值类型. 但也存在一些情况,例 ...

  2. mysql数据库的安装步骤

    Redhat6.5 1.准备工作 卸载使用rpm包安装的mysql-server.mysql软件包 安装自带的ncurses-devel包 rpm -ivh /mnt/Packages/ncurses ...

  3. numpy用法归纳

    1.生成数组 import numpy as np 把python列表转换为数组 >>> np.array([1, 2, 3]) array([1, 2, 3]) 把python的r ...

  4. 对Python这门课程的理解。

    这门课程是现在热门,对之后的就业和利用的帮助还是很大的. 希望能学完整本书并且能学以致用,而不是单单只获得理论知识. 学完之后能用于数据库.大数据处理.图形编程等等

  5. 网络-udp

    1. 网络:把双方或者多方的设备(电脑,智能手机,ipad等)连接起来的一个工具     1.1 学习网络的目的: 通过网络把数据从一方传递到另外一方,完成数据的共享 2. ip地址     2.1: ...

  6. 「速成应用」实在可靠的 微信小程序第三方代理加盟平台公司

    小程序,是基于微信平台的一个划时代产品,也就是嵌入到微信里的一个功能丰富.操作简洁的轻应用,不需要下载安装即可使用.不同的小程序,能实现不同的功能.例如,买电影票.餐厅排号.餐馆点菜.查询公交.查询股 ...

  7. Asp.Net MVC 中JS通过ajaxfileupload上传图片获取身份证姓名、生日、家庭住址等详细信息

    客户要求用身份证图片上传获取身份证的详细信息就下来研究了一下(现在的客户真的懒 身份证信息都懒得输入了哈哈...),经过慢慢研究,果然皇天不负有心人搞出来了.这个借助的是腾讯的一个SKD  腾讯优图云 ...

  8. Effective java-对象的创建和销毁

    说到java对象的创建,首先应该提下java的内存机制,最主要的两块应该就是堆内存和栈内存. 简单点来说栈内存主要是保存基本数据类型的值和保存引用变量,堆内存主要用来存放new产生的对象,数组. 堆是 ...

  9. Python 枚举

    1. 枚举的定义 首先,定义枚举要导入enum模块.枚举定义用class关键字,继承Enum类.用于定义枚举的class和定义类的class是有区别. 示例代码: from enum import E ...

  10. Python操作Redis之设置key的过期时间

    对于一个已经存在的key,我们可以设置其过期时间,到了那个时间后,当你再去访问时,key就不存在了 有两种方式可以设置过期时间,一种是指定key从当前时间开始算起还能存活多久,时间单位有两个,一个是秒 ...