讀JavaScript設(shè)計(jì)模式和開發(fā)實(shí)踐(單例模式)

最近在讀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è)方法組合起來才具有單例模式的威力;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末肩狂,一起剝皮案震驚了整個(gè)濱河市摘完,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌傻谁,老刑警劉巖孝治,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡谈飒,警方通過查閱死者的電腦和手機(jī)岂座,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來杭措,“玉大人费什,你說我怎么就攤上這事∈炙兀” “怎么了鸳址?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長泉懦。 經(jīng)常有香客問我稿黍,道長,這世上最難降的妖魔是什么崩哩? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任巡球,我火速辦了婚禮,結(jié)果婚禮上邓嘹,老公的妹妹穿的比我還像新娘酣栈。我一直安慰自己,他們只是感情好吴超,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布钉嘹。 她就那樣靜靜地躺著,像睡著了一般鲸阻。 火紅的嫁衣襯著肌膚如雪跋涣。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天鸟悴,我揣著相機(jī)與錄音陈辱,去河邊找鬼。 笑死细诸,一個(gè)胖子當(dāng)著我的面吹牛沛贪,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播震贵,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼利赋,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了猩系?” 一聲冷哼從身側(cè)響起媚送,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎寇甸,沒想到半個(gè)月后塘偎,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體疗涉,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年吟秩,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了咱扣。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,161評論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡涵防,死狀恐怖闹伪,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情武学,我是刑警寧澤祭往,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站火窒,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏驮肉。R本人自食惡果不足惜熏矿,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望离钝。 院中可真熱鬧票编,春花似錦、人聲如沸卵渴。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽浪读。三九已至昔榴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間碘橘,已是汗流浹背互订。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留痘拆,地道東北人仰禽。 一個(gè)月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像纺蛆,于是被迫代替她去往敵國和親吐葵。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容