本文實例講述了javascript設計模式 – 單例模式。分享給大家供大家參考，具體如下：

介紹：單例模式是結構最簡單的設計模式。單例模式用于創(chuàng)建那些在軟件系統(tǒng)中獨一無二的對象，是一個簡單但很實用的設計模式。

定義：確保某一個類只有一個實例，而且自行實例化并向整個系統(tǒng)提供這個實例，這個類稱為單例類，它提供全局訪問的方法。單例模式是一種對象創(chuàng)建型模式。

場景：日常編碼中會有很多需要重用的場景，例如彈窗，鍵盤輸入這類公共組件，我們往往希望它只創(chuàng)建一次，在第二次使用時重復使用之前創(chuàng)建好的實例。為了節(jié)約資源，提高性能，需要保證實例對象的唯一性，就可以采用單例模式實現(xiàn)。使用單例模式要注意：1.某個類只能有一個實例 2.它必須自行創(chuàng)建這個實例 3.它必須自行向整個系統(tǒng)提供這個實例

示例：

單利模式有兩個分支，餓漢模式單例和懶漢模式單例。我們對比看下區(qū)別：

//懶漢模式單例demo
//懶漢模式：只有在我需要實例的時候才會第一次實例化，只有當我第一次調用getInstance時才會去執(zhí)行init獲取實例。
var Singleton = (function () {
  var instantiated; 
  function init(){
    return {
      sayHello: function () {
        console.log('hello');
      }
    };
  }
 
  return {
    getInstance: function () {
      if(!instantiated){
        instantiated = init();
      }
      return instantiated;
    } 
  }
})();
 
//只能通過getInstance方法獲取對象實例：
var instance = Singleton.getInstance();
var instance2 = Singleton.getInstance();
instance.sayHello(); //hello
instance2.sayHello(); //hello
console.log(instance === instance2); //true
 
//餓漢模式demo
//餓漢模式：在類初始化時就立刻執(zhí)行getInstance進行賦值。
var Singleton = (function () {
  var instantiated = init();  //初始化時即對instantiated進行賦值
  function init(){
    return {
      sayHello: function () {
 console.log('hello');
   }
 };
  }
 
  return {
 getInstance: function () {
   return instantiated;
 } 
  }
})();
 
var instance = Singleton.getInstance();
var instance2 = Singleton.getInstance();
instance.sayHello(); //hello
instance2.sayHello(); //hello
console.log(instance === instance2); //true

以上demo思考一個問題，如果init函數(shù)是耗時操作，還能保證每個類只有一個實例嗎？

在多線程的場景下，會出現(xiàn)init函數(shù)執(zhí)行過程中再次觸發(fā)getInstance。就會導致一個類存在多個實例。javascript會出現(xiàn)這樣的問題嗎？

兩種單例模式對比下優(yōu)缺點：餓漢模式在一開始就實例化，在資源合理利用方面落下風，懶漢模式在多線程情況下需要考慮同時初始化帶來的影響。

單例模式總結：

優(yōu)點：
* 嚴格控制實例的訪問
* 節(jié)約系統(tǒng)性能，避免重復創(chuàng)建銷毀對象，避免資源浪費

缺點：
* 單例模式的擴展必須修改類主體，這和我們前面介紹的開關原則沖突
* 單例模式職責過重，一定程度違背了單一職責原則，因為單例既提供了業(yè)務方法，也提供了創(chuàng)建對象的方法，有一定的功能耦合。

適用場景：
* 系統(tǒng)只需要一個實例對象
* 客戶調用類的單個實例只允許使用一個公共訪問點，除了該公共訪問點，不能通過其他途徑訪問該實例。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

最新評論