javascript設(shè)計(jì)模式 – 單例模式原理與應(yīng)用實(shí)例分析
本文實(shí)例講述了javascript設(shè)計(jì)模式 – 單例模式。分享給大家供大家參考,具體如下:
介紹:單例模式是結(jié)構(gòu)最簡(jiǎn)單的設(shè)計(jì)模式。單例模式用于創(chuàng)建那些在軟件系統(tǒng)中獨(dú)一無(wú)二的對(duì)象,是一個(gè)簡(jiǎn)單但很實(shí)用的設(shè)計(jì)模式。
定義:確保某一個(gè)類只有一個(gè)實(shí)例,而且自行實(shí)例化并向整個(gè)系統(tǒng)提供這個(gè)實(shí)例,這個(gè)類稱為單例類,它提供全局訪問的方法。單例模式是一種對(duì)象創(chuàng)建型模式。
場(chǎng)景:日常編碼中會(huì)有很多需要重用的場(chǎng)景,例如彈窗,鍵盤輸入這類公共組件,我們往往希望它只創(chuàng)建一次,在第二次使用時(shí)重復(fù)使用之前創(chuàng)建好的實(shí)例。為了節(jié)約資源,提高性能,需要保證實(shí)例對(duì)象的唯一性,就可以采用單例模式實(shí)現(xiàn)。使用單例模式要注意:1.某個(gè)類只能有一個(gè)實(shí)例 2.它必須自行創(chuàng)建這個(gè)實(shí)例 3.它必須自行向整個(gè)系統(tǒng)提供這個(gè)實(shí)例
示例:
單利模式有兩個(gè)分支,餓漢模式單例和懶漢模式單例。我們對(duì)比看下區(qū)別:
//懶漢模式單例demo
//懶漢模式:只有在我需要實(shí)例的時(shí)候才會(huì)第一次實(shí)例化,只有當(dāng)我第一次調(diào)用getInstance時(shí)才會(huì)去執(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;
}
}
})();
//只能通過(guò)getInstance方法獲取對(duì)象實(shí)例:
var instance = Singleton.getInstance();
var instance2 = Singleton.getInstance();
instance.sayHello(); //hello
instance2.sayHello(); //hello
console.log(instance === instance2); //true
//餓漢模式demo
//餓漢模式:在類初始化時(shí)就立刻執(zhí)行g(shù)etInstance進(jìn)行賦值。
var Singleton = (function () {
var instantiated = init(); //初始化時(shí)即對(duì)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思考一個(gè)問題,如果init函數(shù)是耗時(shí)操作,還能保證每個(gè)類只有一個(gè)實(shí)例嗎?
在多線程的場(chǎng)景下,會(huì)出現(xiàn)init函數(shù)執(zhí)行過(guò)程中再次觸發(fā)getInstance。就會(huì)導(dǎo)致一個(gè)類存在多個(gè)實(shí)例。javascript會(huì)出現(xiàn)這樣的問題嗎?
兩種單例模式對(duì)比下優(yōu)缺點(diǎn):餓漢模式在一開始就實(shí)例化,在資源合理利用方面落下風(fēng),懶漢模式在多線程情況下需要考慮同時(shí)初始化帶來(lái)的影響。
單例模式總結(jié):
優(yōu)點(diǎn):
* 嚴(yán)格控制實(shí)例的訪問
* 節(jié)約系統(tǒng)性能,避免重復(fù)創(chuàng)建銷毀對(duì)象,避免資源浪費(fèi)
缺點(diǎn):
* 單例模式的擴(kuò)展必須修改類主體,這和我們前面介紹的開關(guān)原則沖突
* 單例模式職責(zé)過(guò)重,一定程度違背了單一職責(zé)原則,因?yàn)閱卫忍峁┝藰I(yè)務(wù)方法,也提供了創(chuàng)建對(duì)象的方法,有一定的功能耦合。
適用場(chǎng)景:
* 系統(tǒng)只需要一個(gè)實(shí)例對(duì)象
* 客戶調(diào)用類的單個(gè)實(shí)例只允許使用一個(gè)公共訪問點(diǎn),除了該公共訪問點(diǎn),不能通過(guò)其他途徑訪問該實(shí)例。
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JavaScript Array實(shí)例方法flat的實(shí)現(xiàn)
flat() 方法用于將一個(gè)嵌套多層的數(shù)組進(jìn)行扁平,返回新數(shù)組,它不會(huì)改變?cè)紨?shù)組, flat 方法在處理多維數(shù)組時(shí)非常有用,它可以讓數(shù)組操作變得更加靈活和簡(jiǎn)潔,本文給大家介紹了JavaScript Array實(shí)例方法flat的實(shí)現(xiàn),需要的朋友可以參考下2024-03-03
JS獲取當(dāng)前時(shí)間的兩種方法小結(jié)
這篇文章主要給大家介紹了關(guān)于JS獲取當(dāng)前時(shí)間的兩種方法,在web開發(fā)中,通過(guò)js獲取時(shí)間非常的常用,我這里做個(gè)總結(jié),需要的朋友可以參考下2023-09-09
js性能優(yōu)化之?dāng)?shù)組模式實(shí)例詳解
這篇文章主要為大家介紹了js性能優(yōu)化之?dāng)?shù)組模式實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10
JavaScript實(shí)現(xiàn)二維坐標(biāo)點(diǎn)排序效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)二維坐標(biāo)點(diǎn)排序效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07
JavaScript中函數(shù)的四種調(diào)用方式總結(jié)
這篇文章主要為大家詳細(xì)介紹了JavaScript中函數(shù)的四種調(diào)用方式,文中的示例代碼講解詳細(xì),對(duì)我們深入掌握J(rèn)avaScript有一定的幫助,需要的可以參考下2023-10-10
javascript判斷元素存在和判斷元素存在于實(shí)時(shí)的dom中的方法
本文主要介紹了javascript判斷元素存在和判斷元素存在于實(shí)時(shí)的dom中的方法。具有一定的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-01-01
JavaScript無(wú)縫滾動(dòng)效果的實(shí)例代碼
本文給大家分享一段實(shí)例代碼有關(guān)js實(shí)現(xiàn)無(wú)縫滾動(dòng)效果,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-03-03

