單例模式

單例模式:保證一個(gè)類僅有一個(gè)實(shí)例,并提供一個(gè)訪問它的全局訪問點(diǎn)。

在 JavaScript 開發(fā)中爱沟,有一些對(duì)象只需要一個(gè)。比如單擊登錄按鈕匆背,頁(yè)面會(huì)出現(xiàn)登錄對(duì)話框呼伸,并且是唯一的。
無論單擊多少次按鈕,登錄對(duì)話框都只會(huì)被創(chuàng)建一次括享,那么這個(gè)登錄對(duì)話框就比較適合用單例模式創(chuàng)建搂根。

1. 單例模式的實(shí)現(xiàn)(不透明)

實(shí)現(xiàn)思路:通過一個(gè)變量標(biāo)記當(dāng)前是否已經(jīng)為某個(gè)類創(chuàng)建實(shí)例,如果是則下一次獲取該類的實(shí)例铃辖,否則進(jìn)行新建剩愧。

const Singleton = function (name) {
  this.name = name;
};

Singleton.prototype.getName = function () {
  return this.name;
};

Singleton.getInstance = (function (name) {
  let instance = null;

  return function () {
    if (!instance) {
      instance = new Singleton(name);
    }

    return instance;
  };
})();

const singleA = Singleton.getInstance("sven1");
const singleB = Singleton.getInstance("sven2");

console.log(singleA === singleB); // true

弊端:此方法通過 getInstance 可以保證只會(huì)創(chuàng)建一個(gè)實(shí)例,但是無法保證通過 new Singleton
這個(gè)方式創(chuàng)建其他的實(shí)例娇斩,所以意義不大仁卷。

2. 透明的單例模式

實(shí)現(xiàn)思路:通過必報(bào)和自執(zhí)行匿名函數(shù),可以把 instance 封裝起來犬第,不被外界訪問得到锦积。

const Singleton = (function () {
  let instance = null;

  function CreateSingleton(name) {
    this.name = name;
  }

  CreateSingleton.prototype.getName = function () {
    return this.name;
  };

  return function (name) {
    if (!instance) {
      instance = new CreateSingleton(name);
    }

    return instance;
  };
})();

const singleA = new Singleton("sven1");
const singleB = new Singleton("sven2");

console.log(singleA === singleB); // true

弊端:通過匿名函數(shù)和閉包創(chuàng)建,增加了程序的復(fù)雜度歉嗓,不易理解丰介。

3. 代理實(shí)現(xiàn)單例模式

通過代理類,可以讓 Singleton 變?yōu)橐粋€(gè)普通的函數(shù)鉴分。

function Singleton(name) {
  this.name = name;
}

Singleton.prototype.getName = function () {
  return this.name;
};

const ProxySingleton = (function () {
  let instance = null;

  return function (name) {
    if (!instance) {
      instance = new Singleton(name);
    }

    return instance;
  };
})();

const singleA = new ProxySingleton("sven1");
const singleB = new ProxySingleton("sven2");

console.log(singleA === singleB); // true

4. 惰性單例模式

惰性單例是指在需要的時(shí)候才創(chuàng)建對(duì)象實(shí)例哮幢。

// 將函數(shù)作為一個(gè)參數(shù)傳遞
const getSingle = function (fn) {
  let result;
  return function () {
    // 通過apply的方式收集參數(shù)并執(zhí)行傳入的參數(shù)將結(jié)果返回
    return result || (result = fn.apply(this, arguments));
  };
};

這種方式最大的優(yōu)點(diǎn)就是緩存了需要的結(jié)果,并且可以在需要的時(shí)候去調(diào)用冠场,符合封裝的單一職責(zé)家浇。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市碴裙,隨后出現(xiàn)的幾起案子钢悲,更是在濱河造成了極大的恐慌,老刑警劉巖舔株,帶你破解...
    沈念sama閱讀 210,978評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件莺琳,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡载慈,警方通過查閱死者的電腦和手機(jī)惭等,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來办铡,“玉大人辞做,你說我怎么就攤上這事」丫撸” “怎么了秤茅?”我有些...
    開封第一講書人閱讀 156,623評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)童叠。 經(jīng)常有香客問我框喳,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,324評(píng)論 1 282
  • 正文 為了忘掉前任五垮,我火速辦了婚禮乍惊,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘放仗。我一直安慰自己润绎,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,390評(píng)論 5 384
  • 文/花漫 我一把揭開白布匙监。 她就那樣靜靜地躺著凡橱,像睡著了一般。 火紅的嫁衣襯著肌膚如雪亭姥。 梳的紋絲不亂的頭發(fā)上稼钩,一...
    開封第一講書人閱讀 49,741評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音达罗,去河邊找鬼坝撑。 笑死,一個(gè)胖子當(dāng)著我的面吹牛粮揉,可吹牛的內(nèi)容都是我干的巡李。 我是一名探鬼主播,決...
    沈念sama閱讀 38,892評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼扶认,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼侨拦!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起辐宾,我...
    開封第一講書人閱讀 37,655評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤狱从,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后叠纹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體季研,經(jīng)...
    沈念sama閱讀 44,104評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年誉察,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了与涡。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,569評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡持偏,死狀恐怖驼卖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鸿秆,我是刑警寧澤款慨,帶...
    沈念sama閱讀 34,254評(píng)論 4 328
  • 正文 年R本政府宣布,位于F島的核電站谬莹,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜附帽,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,834評(píng)論 3 312
  • 文/蒙蒙 一埠戳、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蕉扮,春花似錦整胃、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至奔则,卻和暖如春蛮寂,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背易茬。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評(píng)論 1 264
  • 我被黑心中介騙來泰國(guó)打工酬蹋, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人抽莱。 一個(gè)月前我還...
    沈念sama閱讀 46,260評(píng)論 2 360
  • 正文 我出身青樓范抓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親食铐。 傳聞我的和親對(duì)象是個(gè)殘疾皇子匕垫,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,446評(píng)論 2 348