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


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

查看所有标签

猜你喜欢:

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

JavaScript高级程序设计:第2版

JavaScript高级程序设计:第2版

Nicholas Zakas / 李松峰、曹力 / 人民邮电出版社 / 2010-7 / 89.00元

《JavaScript高级程序设计(第2版)》在上一版基础上进行了大幅度更新和修订,融入了近几年来JavaScript应用发展的最新成果,几乎涵盖了所有需要理解的重要概念和最新的JavaScript应用成果。从颇具深度的JavaScript语言基础到作用域(链),从引用类型到面向对象编程,从极其灵活的匿名函数到闭包的内部机制,从浏览器对象模型(BOM)、文档对象模型(DOM)到基于事件的Web脚本......一起来看看 《JavaScript高级程序设计:第2版》 这本书的介绍吧!

html转js在线工具
html转js在线工具

html转js在线工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具