最近在讀JavaScript設(shè)計(jì)模式和開發(fā)實(shí)踐,所以一直沒有更新∩逃樱現(xiàn)在讀到一半多了锯茄,感覺寫的挺不錯(cuò)的,和實(shí)際例子相結(jié)合茶没,推薦熱愛Javascript的朋友去看看肌幽。一定能在實(shí)際開發(fā)中給予幫助。我也將持續(xù)更新我對其中的理解和一寫讀書筆記抓半。
單例模式:保證一個(gè)類僅有一個(gè)實(shí)例喂急,并提供一個(gè)訪問它的全局訪問點(diǎn)
單例模式是一種簡單但非常實(shí)用的模式,特別是惰性單例技術(shù)笛求,在需要的時(shí)候才創(chuàng)建對象廊移,并只創(chuàng)建唯一的一個(gè)。
下面使用接近傳統(tǒng)面向?qū)ο笳Z言的 方式來創(chuàng)建一個(gè)單例模式:
調(diào)用Singleton.getInstance()探入。其中判斷了當(dāng)this.instance存在就直接返回直接實(shí)例化的Singleton狡孔;
可以使用來var sing1 = Singleton.getInstance('jack'); var sing2 = Singletonn.getInstance('Blue');來進(jìn)行比較判斷是否實(shí)現(xiàn)了單例。但這種方式是用‘類’的方式進(jìn)行實(shí)現(xiàn)蜂嗽,而JavaScript是一門無類語言(ES6引入了類的概念)苗膝,而這種寫法是不適合當(dāng)前JavaScript的,單例模式的概念是確保只有一個(gè)實(shí)例植旧,所以辱揭,全局變量可以當(dāng)作單例模式來使用(如:var a={}),但是全局變量會(huì)污染我們整個(gè)作用域病附,而且當(dāng)另一個(gè)人再次定義a后问窃,直接的就會(huì)被覆蓋,所以應(yīng)該盡量減少全局變量的使用完沪。我們可以運(yùn)用閉包和命名空間來減少全局變量的使用域庇。下面便是用JavaScript的方式來實(shí)現(xiàn)的單例模式:
我們并不用再用new去實(shí)例化,把_name作為私有變量,而外部需要的接口則用return暴露较剃。在實(shí)際開發(fā)中咕别,我們也經(jīng)常使用到單例模式技健,比如我們經(jīng)常使用的彈出框写穴。我們寫彈出框有幾種寫法,最簡單的方法是把彈出框直接就寫在html中然后隱藏起來雌贱,等到點(diǎn)擊某個(gè)按鈕的時(shí)候再顯示啊送,這種辦法缺點(diǎn)在于有時(shí)候用戶如果并不點(diǎn)擊彈出窗,這一段彈出窗的html無疑就是沒用的欣孤,在性能上無疑是差的馋没。另一種方法是當(dāng)用戶點(diǎn)擊的時(shí)候才用js創(chuàng)建窗口。這里又會(huì)產(chǎn)生兩種方案降传,第一是當(dāng)用戶點(diǎn)擊關(guān)閉時(shí)刪除DOM篷朵,當(dāng)再次需要的時(shí)候又重新創(chuàng)建。第二是不用刪除這是隱藏就可以了婆排,顯然第二種方式的優(yōu)點(diǎn)在于下次再點(diǎn)擊就不用創(chuàng)建新的DOM而直接顯示即可声旺,在性能上更加優(yōu)秀。下面就是簡單的彈出框代碼:
先創(chuàng)建了一個(gè)Singleton來實(shí)現(xiàn)通用的單例模式段只。然后用getDiv函數(shù)來創(chuàng)建我們所需要的彈出框腮猖,并且返回彈出框?qū)ο蟆蓚€(gè)核心功能我們就編寫完成了赞枕。用Singleton(getDiv)便實(shí)現(xiàn)彈出框的單例模式澈缺,把顯示和隱藏封裝到了getLayer函數(shù)中。當(dāng)點(diǎn)擊時(shí)就可以調(diào)用了炕婶。實(shí)現(xiàn)了在需要的時(shí)候才創(chuàng)建彈出框姐赡,并且從始至終都只創(chuàng)建了一個(gè)彈出框。這就是一種簡單但非常實(shí)用的模式柠掂,屬于惰性單例技術(shù)项滑,在需要的時(shí)候才創(chuàng)建對象,并只創(chuàng)建唯一的一個(gè)陪踩。創(chuàng)建對象和管理單例的職責(zé)被分布在兩個(gè)不同的方法中杖们,這兩個(gè)方法組合起來才具有單例模式的威力;