JavaScript-創(chuàng)建性設(shè)計(jì)模式

imccl 發(fā)布于2019-08-23 18:36 / 1349人閱讀

摘要：即把構(gòu)造函數(shù)的原型指向某個(gè)實(shí)例，所有構(gòu)造函數(shù)的實(shí)例對(duì)象都共享原型中屬性和方法。

工廠方法模式

定義：通過(guò)對(duì)產(chǎn)品類的抽象使其創(chuàng)建業(yè)務(wù)主要用于創(chuàng)建多類實(shí)例
即：再構(gòu)造函數(shù)中創(chuàng)建指定類型的實(shí)例，原型屬性方法中定義創(chuàng)建過(guò)程
算法骨架：

  var Factory = function(type, content) {
    if (this instanceof Factory) {
      return this[type](cotent)
    } else {
      return (new Factory([type](content)))
    }
  }
  Factory.prototype.type1 = function(content) {
  }

使用場(chǎng)景：需要?jiǎng)?chuàng)建大量對(duì)象，對(duì)象間可以分類合并（相似度高）

建造者模式

定義：將一個(gè)復(fù)雜對(duì)象的構(gòu)建與表示分離，同樣的構(gòu)建過(guò)程可以創(chuàng)建不同的表示。
即：把存在變化的部分從大對(duì)象里抽出來(lái)，在構(gòu)建過(guò)程中傳入?yún)?shù)控制變化。
算法骨架：

  var Builder = function(arg1, args2...) {
    var entity = {};
    entity.part1 = new Part1(arg1);
    entity.part2 = new Part2(args2);
    return entity
  }
  var Part1 = function(arg1) {
    switch (arg1) {
      case ...
    }
  }

使用場(chǎng)景：一個(gè)對(duì)象的某一部分易變就可通過(guò)建造者模式抽象出來(lái)，這樣多帶帶維護(hù)易變部分。

原型模式

定義：用原型實(shí)例指向創(chuàng)建對(duì)象的類，使用于創(chuàng)建新的對(duì)象的類共享原型實(shí)例的屬性和方法。
即：把構(gòu)造函數(shù)的原型指向某個(gè)實(shí)例，所有構(gòu)造函數(shù)的實(shí)例對(duì)象都共享原型中屬性和方法。
模式骨架1：

var ProConstructor = function(name) { // 原型對(duì)象對(duì)應(yīng)的構(gòu)造函數(shù)
  this.name = name
}
ProConstructor.prototype.walk = function() { // 原型對(duì)象中的方法

}
var InsContructor = function(name) { // 對(duì)象實(shí)例對(duì)應(yīng)的構(gòu)造函數(shù)
  ProConstructor.call(this, name) // 構(gòu)造函數(shù)繼承， 復(fù)制一些屬性，這些屬性值每個(gè)對(duì)象不一樣
}
InsContructor.prototype = new ProConstructor(); // 原型繼承， 將耗時(shí)長(zhǎng)、每個(gè)對(duì)象都又這個(gè)值的屬性和方法通過(guò)原型繼承

模式骨架2：

var ExtendPrototype = function(){
  var F = function(){},
  args = auguments,
  len = args.length;
  for (var i = 0; i
使用場(chǎng)景：首先時(shí)一個(gè)對(duì)象需要被多次創(chuàng)建（創(chuàng)建一次的化原型模式?jīng)]有優(yōu)越感），然后就是每次創(chuàng)建的對(duì)象有差異（沒(méi)有差異的話用單例模式多好），從上面可以看出原型模式的比普通的創(chuàng)建的好處在于將可復(fù)用的、耗時(shí)的的邏輯放在構(gòu)造函數(shù)的原型里，而將簡(jiǎn)單差異化的放在構(gòu)造函數(shù)里，這樣不僅省去了創(chuàng)建的步驟而且原型對(duì)象在內(nèi)存中還被共享也就是省內(nèi)存，這樣就能創(chuàng)建很多相同或者相似的對(duì)象，而模式骨架2的特點(diǎn)在于對(duì)普通對(duì)象的繼承，比較常見(jiàn)
單例模式
定義：是只允許實(shí)例化一次的對(duì)象類。  
即：無(wú)論實(shí)例化多少次，都只產(chǎn)生唯一對(duì)象
模式骨架1：
var jquery = {
  getDom: function(){}
}
// 通過(guò)引用類型賦值只是存儲(chǔ)引用的特點(diǎn)
var jquery1 = jquery;
var jquery2 = jquery; // jquery1 === jquery === jquery2
模式骨架2：
var singleInstance = (function(){
  var instance = null;
  // 單例對(duì)象對(duì)應(yīng)的構(gòu)造函數(shù)
  var SingleInstance = function() {};
  return function(){
    // instance通過(guò)特權(quán)方法訪問(wèn)
    if (!instance) {
      instance = new SingleInstance()
    }
    return instance
  }
})()
var instanceA = singleInstance();
var instanceB = singleInstance();
使用場(chǎng)景：需要在多個(gè)環(huán)境、多次使用某個(gè)對(duì)象，模式1比較簡(jiǎn)單，可以作為聲明命名空間的方法，骨架2稍微復(fù)雜利用了閉包但是更符合面向?qū)ο蟮奶攸c(diǎn)