js 設計模式—工廠模式

1.簡單工廠模式,又稱爲靜態工廠方法,單一種類的複製使用函數

// 簡單工廠函數 封裝 動物this

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.工廠方法,我理解爲同類產品下,定義一個大工廠,能夠插入不少的小工廠來實現方法,小工廠之間能夠很好的耦合prototype

// // 工廠方法code

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.抽象工廠,能夠生產產品族的工廠,例如:大天然 (大工廠類),無脊椎動物,脊椎動物,哺乳動物(能夠稱之爲小工廠類),而這個小工廠類下面又能夠分爲不少動物種類(名字...等),它們之間生存的法則不同,有吃草的,有吃肉的。。。就像下面同樣,每一個小工廠有本身的方法,幹本身的事情互不干擾,沒事我還能夠繼承一下肉食動物吃一下草,也是有可能的,開個玩笑!!()get

//抽象 製造一個動物種類原型

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()
相關文章
相關標籤/搜索