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

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

JS是什么

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

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

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

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

示例：

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

//懶漢模式單例demo
//懶漢模式：只有在我需要實例的時候才會第一次實例化，只有當(dāng)我第一次調(diào)用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í)行g(shù)etInstance進(jìn)行賦值。
var Singleton = (function () {
  var instantiated = init();  //初始化時即對instantiated進(jìn)行賦值
  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。就會導(dǎo)致一個類存在多個實例。javascript會出現(xiàn)這樣的問題嗎？

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

單例模式總結(jié)：

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

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

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

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