js 單例模式原理和使用方法

本篇內容介紹了“js 單例模式原理和使用方法”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！

JS是什么

JS是JavaScript的簡稱，它是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，主要用于web的開發，可以給網站添加各種各樣的動態效果，讓網頁更加美觀。

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

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

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

示例：

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

//懶漢模式單例demo
//懶漢模式：只有在我需要實例的時候才會第一次實例化，只有當我第一次調用getInstance時才會去執行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
//餓漢模式：在類初始化時就立刻執行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函數是耗時操作，還能保證每個類只有一個實例嗎？

在多線程的場景下，會出現init函數執行過程中再次觸發getInstance。就會導致一個類存在多個實例。javascript會出現這樣的問題嗎？

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

單例模式總結：

優點：
* 嚴格控制實例的訪問
* 節約系統性能，避免重復創建銷毀對象，避免資源浪費

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

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

“js 單例模式原理和使用方法”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！