JavaScript閉包(Closure)

一、變量的作用域

要理解閉包,首先需要理解JavaScript的變量作用域溉卓。

變量的作用域包括:全局變量局部變量

  • 函數(shù)內(nèi)部可以直接讀取全局變量
  var n=999;

  function f1(){
    alert(n);
  }

  f1(); // 999
  • 函數(shù)外部無(wú)法讀取函數(shù)內(nèi)的局部變量
  function f1(){
    var n=999;
  }

  alert(n); // error
  • 注意:函數(shù)內(nèi)部聲明變量時(shí)铜异,如果不用var命令的話(huà),實(shí)際上是聲明了一個(gè)全局變量
  function f1(){
    n=999;
  }

  f1();

  alert(n); // 999

二庶喜、如何從外部讀取局部變量小腊?

  • 要從外部得到函數(shù)內(nèi)的局部變量救鲤,可以在函數(shù)的內(nèi)部,再定義一個(gè)函數(shù)
  function f1(){

    var n=999;

    function f2(){
      alert(n); // 999
    }

  }

在上面的代碼中秩冈,函數(shù)f2就被包括在函數(shù)f1內(nèi)部本缠,這時(shí)f1內(nèi)部的所有局部變量,對(duì)f2都是可見(jiàn)的入问。但反過(guò)來(lái)就不行丹锹,f2內(nèi)部的局部變量,對(duì)f1是不可見(jiàn)的芬失。這就是Javascript語(yǔ)言特有的"鏈?zhǔn)阶饔糜?結(jié)構(gòu)(chain scope)楣黍,子對(duì)象會(huì)一級(jí)一級(jí)地向上尋找所有父對(duì)象的變量。所以棱烂,父對(duì)象的所有變量租漂,對(duì)子對(duì)象都是可見(jiàn)的,反之則不成立颊糜。

  • 既然f2可以讀取f1中的局部變量哩治,那么只要把f2()作為返回值,就可以在f1()外部讀取它的內(nèi)部變量了
  function f1(){

    var n=999;

    function f2(){
      alert(n); 
    }

    return f2;

  }

  var result=f1();

  result(); // 999

三芭析、閉包的概念

上面代碼中的f2锚扎,就是閉包。

各種專(zhuān)業(yè)文獻(xiàn)上的"閉包"(closure)定義非常抽象驾孔,很難看懂。我的理解是惯疙,閉包就是能夠在一個(gè)作用域中可以訪(fǎng)問(wèn)另一個(gè)作用域中的變量(即讀取其他函數(shù)內(nèi)部變量的函數(shù))翠勉。

由于在Javascript語(yǔ)言中,只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量霉颠,因此可以把閉包簡(jiǎn)單理解成"定義在一個(gè)函數(shù)內(nèi)部的函數(shù) "对碌。

所以,在本質(zhì)上蒿偎,閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來(lái)的一座橋梁朽们。

四、閉包的用途

閉包的優(yōu)點(diǎn):有利于封裝诉位,可以訪(fǎng)問(wèn)局部變量
閉包的缺點(diǎn):內(nèi)存占用浪費(fèi)嚴(yán)重骑脱,內(nèi)存泄漏

閉包可以用在許多地方。它的最大用處有兩個(gè)苍糠,一個(gè)是前面提到的可以讀取函數(shù)內(nèi)部的變量叁丧,另一個(gè)就是讓這些變量的值始終保持在內(nèi)存中。

如何理解呢?請(qǐng)看下面的代碼拥娄。

  function f1(){

    var n=999;

    nAdd=function(){n+=1}

    function f2(){
      alert(n);
    }

    return f2;

  }

  var result=f1();

  result(); // 999

  nAdd();

  result(); // 1000

在這段代碼中蚊锹,result實(shí)際上就是閉包f2函數(shù)。它一共運(yùn)行了兩次稚瘾,第一次的值是999牡昆,第二次的值是1000。這證明了孟抗,函數(shù)f1中的局部變量n一直保存在內(nèi)存中迁杨,并沒(méi)有在f1調(diào)用后被自動(dòng)清除。

為什么會(huì)這樣呢凄硼?原因就在于f1是f2的父函數(shù)铅协,而f2被賦給了一個(gè)全局變量,這導(dǎo)致f2始終在內(nèi)存中摊沉,而f2的存在依賴(lài)于f1狐史,因此f1也始終在內(nèi)存中,不會(huì)在調(diào)用結(jié)束后说墨,被垃圾回收機(jī)制(garbage collection)回收骏全。

這段代碼中另一個(gè)值得注意的地方,就是"nAdd=function(){n+=1}"這一行尼斧,首先在nAdd前面沒(méi)有使用var關(guān)鍵字姜贡,因此nAdd是一個(gè)全局變量,而不是局部變量棺棵。其次楼咳,nAdd的值是一個(gè)匿名函數(shù)(anonymous function),而這個(gè)匿名函數(shù)本身也是一個(gè)閉包烛恤,所以nAdd相當(dāng)于是一個(gè)setter母怜,可以在函數(shù)外部對(duì)函數(shù)內(nèi)部的局部變量進(jìn)行操作。

五缚柏、使用閉包的注意點(diǎn)

1)由于閉包會(huì)使得函數(shù)中的變量都被保存在內(nèi)存中苹熏,內(nèi)存消耗很大,所以不能濫用閉包币喧,否則會(huì)造成網(wǎng)頁(yè)的性能問(wèn)題轨域,在IE中可能導(dǎo)致內(nèi)存泄露。解決方法是杀餐,在退出函數(shù)之前疙挺,將不使用的局部變量全部刪除。

2)閉包會(huì)在父函數(shù)外部怜浅,改變父函數(shù)內(nèi)部變量的值。所以,如果你把父函數(shù)當(dāng)作對(duì)象(object)使用恶座,把閉包當(dāng)作它的公用方法(Public Method)搀暑,把內(nèi)部變量當(dāng)作它的私有屬性(private value),這時(shí)一定要小心跨琳,不要隨便改變父函數(shù)內(nèi)部變量的值自点。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市脉让,隨后出現(xiàn)的幾起案子桂敛,更是在濱河造成了極大的恐慌,老刑警劉巖溅潜,帶你破解...
    沈念sama閱讀 211,817評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件术唬,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡滚澜,警方通過(guò)查閱死者的電腦和手機(jī)粗仓,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)设捐,“玉大人借浊,你說(shuō)我怎么就攤上這事÷苷校” “怎么了蚂斤?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,354評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀(guān)的道長(zhǎng)槐沼。 經(jīng)常有香客問(wèn)我曙蒸,道長(zhǎng),這世上最難降的妖魔是什么母赵? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,498評(píng)論 1 284
  • 正文 為了忘掉前任逸爵,我火速辦了婚禮,結(jié)果婚禮上凹嘲,老公的妹妹穿的比我還像新娘师倔。我一直安慰自己,他們只是感情好周蹭,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,600評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布趋艘。 她就那樣靜靜地躺著,像睡著了一般凶朗。 火紅的嫁衣襯著肌膚如雪瓷胧。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 49,829評(píng)論 1 290
  • 那天棚愤,我揣著相機(jī)與錄音搓萧,去河邊找鬼杂数。 笑死,一個(gè)胖子當(dāng)著我的面吹牛瘸洛,可吹牛的內(nèi)容都是我干的揍移。 我是一名探鬼主播,決...
    沈念sama閱讀 38,979評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼反肋,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼那伐!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起石蔗,我...
    開(kāi)封第一講書(shū)人閱讀 37,722評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤罕邀,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后养距,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體诉探,經(jīng)...
    沈念sama閱讀 44,189評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,519評(píng)論 2 327
  • 正文 我和宋清朗相戀三年铃在,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了阵具。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,654評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡定铜,死狀恐怖阳液,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情揣炕,我是刑警寧澤帘皿,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站畸陡,受9級(jí)特大地震影響鹰溜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜丁恭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,940評(píng)論 3 313
  • 文/蒙蒙 一曹动、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧牲览,春花似錦墓陈、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,762評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至庸毫,卻和暖如春仔拟,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背飒赃。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,993評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工利花, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留科侈,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,382評(píng)論 2 360
  • 正文 我出身青樓炒事,卻偏偏與公主長(zhǎng)得像兑徘,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子羡洛,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,543評(píng)論 2 349

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