Javascript實(shí)現(xiàn)單例模式
單例模式也稱作為單子模式,更多的也叫做單體模式。為軟件設(shè)計(jì)中較為簡(jiǎn)單但是最為常用的一種設(shè)計(jì)模式。
單例模式的介紹:
在應(yīng)用單例模式時(shí),生成單例的類(lèi)必須保證只有一個(gè)實(shí)例的存在,很多時(shí)候整個(gè)系統(tǒng)只需要擁有一個(gè)全局對(duì)象,才有利于協(xié)調(diào)系統(tǒng)整體的行為。比如在整個(gè)系統(tǒng)的配置文件中,配置數(shù)據(jù)有一個(gè)單例對(duì)象進(jìn)行統(tǒng)一讀取和修改,其他對(duì)象需要配置數(shù)據(jù)的時(shí)候也統(tǒng)一通過(guò)該單例對(duì)象來(lái)獲取配置數(shù)據(jù),這樣就可以簡(jiǎn)化復(fù)雜環(huán)境下的配置管理。
單例模式的思路是:一個(gè)類(lèi)能返回一個(gè)對(duì)象的引用(并且永遠(yuǎn)是同一個(gè))和一個(gè)獲得該實(shí)例的方法(靜態(tài)方法,通常使用 getInstance 名稱)。那么當(dāng)我們調(diào)用這個(gè)方法時(shí),如果類(lèi)持有的引用不為空就返回該引用,否者就創(chuàng)建該類(lèi)的實(shí)例,并且將實(shí)例引用賦值給該類(lèi)保持的那個(gè)引用再返回。同時(shí)將該類(lèi)的構(gòu)造函數(shù)定義為私有方法,避免其他函數(shù)使用該構(gòu)造函數(shù)來(lái)實(shí)例化對(duì)象,只通過(guò)該類(lèi)的靜態(tài)方法來(lái)得到該類(lèi)的唯一實(shí)例。
一般情況下,Javascript每次new一個(gè)對(duì)象就產(chǎn)生一個(gè)實(shí)例,實(shí)例指向不同的地址。就像如下:
(function(){ function Person(name){ this.name = name; } Person.prototype.work = function(){ console.log(this.name + " is working"); } var p1 = new Person("Darren"); p1.work(); var p2 = new Person("Jack"); p2.work(); }());
以上,每次new出一個(gè)Person對(duì)象都是不同的。
如何在Javascript中實(shí)現(xiàn)單例模式呢?
--在生成某各對(duì)象時(shí)先判斷是否存在。存在就不生成對(duì)象,不存在就生成對(duì)象。
(function(){ var PersonSingleton = (function(){ var instance; function init(){ return { name: 'Anonymous', work: function(){ console.log(this.name + ' working'); } }; } return { getInstance: function(){ if(!instantiated){ instantiated = init(); } return instantiated; } } })(); var p1 = PersonSingleton.getInstance(); p1.work(); var p2 = PersonSingleton.getInstance(); p2.work(); }());
以上,通過(guò)PsonSIngleton對(duì)象的getInstance方法得到的實(shí)例每次都是一樣的。
關(guān)于javascript單例模式的相關(guān)知識(shí)就給大介紹到這里,希望對(duì)大家有所幫助。
相關(guān)文章
利用js+css+html實(shí)現(xiàn)固定table的列頭不動(dòng)
本文分享了利用js+css+html實(shí)現(xiàn)固定table的列頭不動(dòng)的實(shí)例代碼。小編認(rèn)為具有很好的參考價(jià)值,感興趣的朋友可以看下2016-12-12Html和JS字符串中間加空格的簡(jiǎn)單實(shí)例
最近遇到了個(gè)需求,需要在字符串的中間加上一兩個(gè)字符串,所以下面這篇文章主要給大家介紹了關(guān)于Html和JS字符串中間加空格的相關(guān)資料,文中介紹的挺詳細(xì),需要的朋友可以參考下2023-02-02Javascript HTML5 Canvas實(shí)現(xiàn)的一個(gè)畫(huà)板
這篇文章主要為大家詳細(xì)介紹了Javascript HTML5 Canvas實(shí)現(xiàn)的一個(gè)畫(huà)板的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-05-05Javascript生成器(Generator)的介紹與使用
這篇文章主要給大家介紹了關(guān)于Javascript生成器(Generator)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01JavaScript三種方法解決約瑟夫環(huán)問(wèn)題的方法
約瑟夫環(huán)問(wèn)題又稱約瑟夫問(wèn)題或丟手絹問(wèn)題,是一道經(jīng)典的算法問(wèn)題,本篇將以循環(huán)鏈表、有序數(shù)組、數(shù)學(xué)遞歸三種方式來(lái)解決約瑟夫環(huán)問(wèn)題。感興趣的可以了解一下2021-09-09JS實(shí)現(xiàn)按鈕添加背景音樂(lè)示例代碼
這篇文章主要介紹了JS實(shí)現(xiàn)按鈕添加背景音樂(lè)示例代碼,需要的朋友可以參考下2017-10-10