何為單體模式

單體是一個(gè)用來劃分命名空間并將相關(guān)一批方法和屬性組織在一起的對象，如果它可以被實(shí)例化，那么它只能被實(shí)例化一次。

單體模式之利

• 調(diào)試維護(hù)輕松，利于理解
• 防止誤改，提升網(wǎng)頁穩(wěn)定性
• 減少不必要的內(nèi)存消耗（寬帶消耗）

單體模式之弊

• 會導(dǎo)致模塊間的強(qiáng)耦合
• 不利于單元測試

認(rèn)識單體及其應(yīng)用

單體的基本結(jié)構(gòu)

var Singleton = {
  attribute1:true,
  attribute2:10,
  method1:function(){

  },
  method2:function () {
    
  }
}

其實(shí)就是字面量對象，如果按照嚴(yán)格的定義來說，這并不能算一個(gè)單體，因?yàn)樗皇且粋€(gè)可以實(shí)例化的類。

劃分命名空間

單體對象由兩個(gè)部分組成：包含著方法和屬性成員的對象本身，以及用于訪問它的變量。

 function findProduct() {
    console.log('555')
  }
  findProduct(); // 555
  var findProduct = function () {
    console.log('666')
  } 
  findProduct() //666

函數(shù)中聲明變量時(shí)如果不使用var關(guān)鍵字，那么變量將被聲明為全局性的。因此會干擾到全局命名空間中的其他代碼

var MyNamespace = {
  findProduct:function(){
    //  ...
  }
}
// 現(xiàn)在findProduct函數(shù)是MyNamespace中的一個(gè)方法，它不會被全局命名中聲明的任何新變量改寫

// 命名空間還可以進(jìn)異步分割，如下
var GiantCorp = {};
GiantCorp.Common = {
  // ...
}
GiantCorp.ErrorCodes = {
  // ...
}
GiantCorp.PageHandler = {
  // ...
  
}

用做特定網(wǎng)頁專用代碼的單體

已經(jīng)了解到如何把單體作為命名空間使用后，我們還需要知道單體模式的一個(gè)特殊用途。在擁有許多網(wǎng)頁的網(wǎng)站中，有些js代碼是所有網(wǎng)頁都要用到的，他們通常被放在獨(dú)立的文件中。比如我們經(jīng)常用到的jquery， lodash.js等他們就是作專用代碼的單體

擁有私用成員的單體

下劃線表示法

   // 默認(rèn)GianCorp存在
    GianCorp.DataParser = {
      // 私有方法
      _srtipWhitespace:function(str){
        return str.replace(/\s+/,''); 
      },
      _stringSplit:function (str,delimiter) {
        return str.split(delimiter)
      },
      // 公用方法
      srtingToArray:function(str,delimiter,stripWs){
          if (stripWs) {
            str= this._srtipWhitespace(str)
          }
          var outputArray = this._stringSplit(str,delimiter)
          return outputArray
      }
    }

這個(gè)栗子中的單體對象有一個(gè)公用方法srtingToArray:function，它的主要工作靠_srtipWhitespace和_stringSplit這兩個(gè)私有方法完成。將他們設(shè)計(jì)為私有方法，重構(gòu)所有內(nèi)部代碼時(shí)就不必?fù)?dān)心會殃及別人的程序。下劃線這個(gè)標(biāo)記前面也講過，一般情況下是沒有人調(diào)用它的。

閉包

 MyNamespace.singleton= (function () {
     // 私有成員
     var privateAttribute1 = false;
     var privateAttribute2 = [1,2,3];
     function privateMethod1() {
       //...
     };
     function privateMethod2() {
       //...
     };
     return {
       //公共成員
       publicAttribute1:true,
       publicAttribute2:10,
       publicMethod1:function(){
         //...     
       },
       publicMethod2:function(){
         //...
       }
     }
   })()

這種單體模式又稱模塊模式，指的是它可以吧一批相關(guān)方法和屬性組織為模塊并起到劃分命名空間的作用。
這種模式與下劃線表示法相比有亟待呢優(yōu)勢。把私有成員放到閉包中可以確保其不會在單體對象之外被使用。你可以自由地改變對象的實(shí)現(xiàn)細(xì)節(jié)，還不會殃及比爾的代碼。還可以用這種方法對數(shù)據(jù)進(jìn)行保護(hù)和封裝。

惰性實(shí)例化

前面所講的單體模式的各種實(shí)現(xiàn)方式有一個(gè)共同點(diǎn)：單體對象都是在腳本加載時(shí)被創(chuàng)建出來。對于資源密集型的或配置開銷甚大的單體，更合理的做法是將其實(shí)例化推遲到需要使用它的時(shí)候。這種技術(shù)被稱為惰性加載。

  MyNamespace.singleton= (function () {
    var uniqueInstance;  //實(shí)例
    function constructor() {  //構(gòu)造器 （最終返回的單體）
      // 私有成員
      var privateAttribute1 = false;
      var privateAttribute2 = [1,2,3];
      function privateMethod1() {
       //...
      };
      function privateMethod2() {
       //...
      };
      return {
       //公共成員
        publicAttribute1:true,
        publicAttribute2:10,
        publicMethod1:function(){
          //...     
        },
        publicMethod2:function(){
          //...
        }
      }
    };
    return {
      getInstance:function(){
        if (!uniqueInstance) {   // 判斷實(shí)例存不存在
          uniqueInstance = constructor()
        }
        return uniqueInstance; 
      }
    }
   })()
   // 使用
   //   MyNamespace.singleton.publicMethod1()   before
   MyNamespace.singleton.getInstance().publicMethod1()  //after

分支

 MyNamespace.singleton= (function () {
      var obj1 = {
        //...
      }
      var obj2 = {
        // ...
      }
      return (someCondition)?obj1:obj2
   })()

主要做兼容用