js 设计模式—工厂模式

1.简单工厂模式,又称为静态工厂方法,单一种类的复制使用

// 简单工厂函数 封装 动物

  function A(name, six) {
    var o = new Object()
     o.name = name
      o.six = six
      o.sayName = function () {
         console.log(this.name)
      }
        return o
     }
    var A1 = new A('大象', '公')
    var A2 = new A('狮子', '母')
    A1.sayName()   // 大象
    A2.sayName()   // 狮子

2.工厂方法,我理解为同类产品下,定义一个大工厂,可以插入很多的小工厂来实现方法,小工厂之间可以很好的耦合

// // 工厂方法

  var a = [{
    name: '鸭子',
      type: '吃草'
  },{
       name: '鸡',
    type: '吃肉'
}]

function B(type,chi) {
    B.prototype.chicken(type)

}

 B.prototype = {
  duck: function () {

    },
     chicken: function (type) {
        this.type = type
      console.log(this.type)
     }
 }
 for(var i =0;i<a.length;i++){
       B(a[i].name,a[i].type)
     console.log(123)
 }

3.抽象工厂,可以生产产品族的工厂,例如:大自然 (大工厂类),无脊椎动物,脊椎动物,哺乳动物(可以称之为小工厂类),而这个小工厂类下面又可以分为很多动物种类(名字...等),它们之间生存的法则不一样,有吃草的,有吃肉的。。。就像下面一样,每个小工厂有自己的方法,干自己的事情互不干扰,没事我还可以继承一下肉食动物吃一下草,也是有可能的,开个玩笑!!()

//抽象 制造一个动物种类

   var zoom= function (fun,fun2) {
         function c() {}
         c.prototype = new zoom[fun2]() // 创建实例
         fun.constructor =fun //构造器指向
         // c函数赋予子类原型
         fun.prototype = new c()  
    }
    //无脊椎动物大类
    zoom.Invertebrates = function () {
        this.type = 'Invertebrates'
    }
    zoom.Invertebrates.prototype = {
          getzoom: function () {
              return new Error('抽象方法不能调用!');
          }
    }
    // 原生生物类
   var native = function (name,num) {
        this.name = name
        this.num = num
    }
    zoom(native,'Invertebrates');
    native.prototype.getzoom = function(){
        console.log(this.name);
    }
    var native1 = new native('水母', 20000000000)
    native1.getzoom()

  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值