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

介紹：單例模式是結(jié)構(gòu)最簡單的設(shè)計模式。單例模式用于創(chuàng)建那些在軟件系統(tǒng)中獨(dú)一無二的對象，是一個簡單但很實用的設(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(); //helloinstance2.sayHello(); //helloconsole.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(); //helloinstance2.sayHello(); //helloconsole.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)建銷毀對象，避免資源浪費(fèi)

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

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

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

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》

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