javascript設(shè)計模式 – 單例模式原理與應(yīng)用實(shí)例分析
本文實(shí)例講述了javascript設(shè)計模式 – 單例模式。分享給大家供大家參考,具體如下:
介紹:單例模式是結(jié)構(gòu)最簡單的設(shè)計模式。單例模式用于創(chuàng)建那些在軟件系統(tǒng)中獨(dú)一無二的對象,是一個簡單但很實(shí)用的設(shè)計模式。
定義:確保某一個類只有一個實(shí)例,而且自行實(shí)例化并向整個系統(tǒng)提供這個實(shí)例,這個類稱為單例類,它提供全局訪問的方法。單例模式是一種對象創(chuàng)建型模式。
場景:日常編碼中會有很多需要重用的場景,例如彈窗,鍵盤輸入這類公共組件,我們往往希望它只創(chuàng)建一次,在第二次使用時重復(fù)使用之前創(chuàng)建好的實(shí)例。為了節(jié)約資源,提高性能,需要保證實(shí)例對象的唯一性,就可以采用單例模式實(shí)現(xiàn)。使用單例模式要注意:1.某個類只能有一個實(shí)例 2.它必須自行創(chuàng)建這個實(shí)例 3.它必須自行向整個系統(tǒng)提供這個實(shí)例
示例:
單利模式有兩個分支,餓漢模式單例和懶漢模式單例。我們對比看下區(qū)別:
//懶漢模式單例demo //懶漢模式:只有在我需要實(shí)例的時候才會第一次實(shí)例化,只有當(dāng)我第一次調(diào)用getInstance時才會去執(zhí)行init獲取實(shí)例。 var Singleton = (function () { var instantiated; function init(){ return { sayHello: function () { console.log('hello'); } }; } return { getInstance: function () { if(!instantiated){ instantiated = init(); } return instantiated; } } })(); //只能通過getInstance方法獲取對象實(shí)例: 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ù)是耗時操作,還能保證每個類只有一個實(shí)例嗎?
在多線程的場景下,會出現(xiàn)init函數(shù)執(zhí)行過程中再次觸發(fā)getInstance。就會導(dǎo)致一個類存在多個實(shí)例。javascript會出現(xiàn)這樣的問題嗎?
兩種單例模式對比下優(yōu)缺點(diǎn):餓漢模式在一開始就實(shí)例化,在資源合理利用方面落下風(fēng),懶漢模式在多線程情況下需要考慮同時初始化帶來的影響。
單例模式總結(jié):
優(yōu)點(diǎn):
* 嚴(yán)格控制實(shí)例的訪問
* 節(jié)約系統(tǒng)性能,避免重復(fù)創(chuàng)建銷毀對象,避免資源浪費(fèi)
缺點(diǎn):
* 單例模式的擴(kuò)展必須修改類主體,這和我們前面介紹的開關(guān)原則沖突
* 單例模式職責(zé)過重,一定程度違背了單一職責(zé)原則,因?yàn)閱卫忍峁┝藰I(yè)務(wù)方法,也提供了創(chuàng)建對象的方法,有一定的功能耦合。
適用場景:
* 系統(tǒng)只需要一個實(shí)例對象
* 客戶調(diào)用類的單個實(shí)例只允許使用一個公共訪問點(diǎn),除了該公共訪問點(diǎn),不能通過其他途徑訪問該實(shí)例。
感興趣的朋友可以使用在線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è)計有所幫助。
相關(guān)文章
javascript自執(zhí)行函數(shù)之偽命名空間封裝法
比較之后,我們可以發(fā)現(xiàn),第二方法更加的直觀,易于理解。但是少了封裝過程,代碼完全裸露在外。2010-12-12如何使用proxy實(shí)現(xiàn)一個簡單完整的MVVM庫的示例代碼
這篇文章主要介紹了如何使用proxy實(shí)現(xiàn)一個簡單完整的MVVM庫的示例代碼,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09基于VSCode調(diào)試網(wǎng)頁JavaScript代碼過程詳解
這篇文章主要介紹了基于VSCode調(diào)試網(wǎng)頁JavaScript代碼過程詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-07-07