js 设计模式—工厂模式

栏目: 后端 · 发布时间: 5年前

内容简介:1.简单工厂模式,又称为静态工厂方法,单一种类的复制使用// 简单工厂函数 封装 动物2.工厂方法,我理解为同类产品下,定义一个大工厂,可以插入很多的小工厂来实现方法,小工厂之间可以很好的耦合

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


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Learning PHP, MySQL, JavaScript, and CSS

Learning PHP, MySQL, JavaScript, and CSS

Robin Nixon / O'Reilly Media / 2012-9-3 / USD 39.99

If you're familiar with HTML, you can quickly learn how to build interactive, data-driven websites with the powerful combination of PHP, MySQL, and JavaScript - the top technologies for creating moder......一起来看看 《Learning PHP, MySQL, JavaScript, and CSS》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具