JavaScript 工厂模式

Posted 【唐】三三

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 工厂模式相关的知识,希望对你有一定的参考价值。

  //工厂
  function FruitMaker() {
     //function 后不带方法名,这里cococola未定义,make return时,返回 FruitMaker.cococola
    this.cococola = function cococola (price) {
      console.log("生成一瓶Coca-Cola,多少钱:" + price);
    }

    this.xuebi = function xuebi(price) {
      console.log("生成一瓶可乐,多少钱:" + price);
    }
  }

  //生产线
  FruitMaker.prototype.make = function (water, price) {
    try {
      var func = this[water];
      func.prototype = FruitMaker.prototype;
      return new func(price);
    } catch (error) {
      console.log("很抱歉, 公司暂时不能生产" + water + "这种果汁, ....");
    }
  }

  var maker = new FruitMaker();
  var cocoCola = maker.make("cococola", "3.1");
  console.log(cocoCola);
  var xuebi = maker.make("xuebi", "3.2");
  console.log(xuebi);

  var fenda = maker.make("fenda", "3.3");
  console.log(fenda);

如果需要开发新产品(这里 ->芬达)

  //生产线(新开发产品)
  FruitMaker.prototype.extend = function (obj) {
    for (var key in obj) {
      this[key] = obj[key];
    }
  };

调用的时候:

  maker.extend({
    "fenda": function coco(price) {
      console.log("生成一瓶fenda,多少钱:" + price);
    }
  });

  var fenda = maker.make("fenda", "3.3");
  console.log(fenda);

以上是关于JavaScript 工厂模式的主要内容,如果未能解决你的问题,请参考以下文章

PHP面向对象之选择工厂和更新工厂

《JavaScript设计模式 张》整理

JavaScript创建对象之单例工厂构造函数模式

Javascript设计模式第二课 神奇的魔术师——简单工厂模式

Javascript设计模式-工厂模式

javascript设计模式-工厂模式(简单工厂)