JavaScript 閉包

JavaScript 變量可以是局部變量或全局變量终议。
私有變量可以用到閉包。

全局變量

函數(shù)可以訪問(wèn)由函數(shù)內(nèi)部定義的變量

function myFunction() {
    var a = 4;
    return a * a;
}

函數(shù)也可以訪問(wèn)函數(shù)外部定義的變量

var a = 4;
function myFunction() {
    return a * a;
}

后面一個(gè)實(shí)例中祥山, a 是一個(gè) 全局 變量圃验。
在web頁(yè)面中全局變量屬于 window 對(duì)象。
全局變量可應(yīng)用于頁(yè)面上的所有腳本缝呕。
在第一個(gè)實(shí)例中澳窑, a 是一個(gè) 局部 變量斧散。
局部變量只能用于定義它函數(shù)內(nèi)部。對(duì)于其他的函數(shù)或腳本代碼是不可用的摊聋。
全局和局部變量即便名稱(chēng)相同鸡捐,它們也是兩個(gè)不同的變量。修改其中一個(gè)麻裁,不會(huì)影響另一個(gè)的值箍镜。

變量聲明時(shí)如果不使用 var 關(guān)鍵字,那么它就是一個(gè)全局變量悲立,即便它在函數(shù)內(nèi)定義鹿寨。

變量生命周期

全局變量的作用域是全局性的,即在整個(gè)JavaScript程序中薪夕,全局變量處處都在脚草。

而在函數(shù)內(nèi)部聲明的變量,只在函數(shù)內(nèi)部起作用原献。這些變量是局部變量馏慨,作用域是局部性的;函數(shù)的參數(shù)也是局部性的姑隅,只在函數(shù)內(nèi)部起作用写隶。

計(jì)數(shù)器困境

設(shè)想下如果你想統(tǒng)計(jì)一些數(shù)值,且該計(jì)數(shù)器在所有函數(shù)中都是可用的讲仰。

你可以使用全局變量慕趴,函數(shù)設(shè)置計(jì)數(shù)器遞增:

var counter = 0;
 
function add() {
   return counter += 1;
}
 
add();
add();
add();
 
// 計(jì)數(shù)器現(xiàn)在為 3

計(jì)數(shù)器數(shù)值在執(zhí)行 add() 函數(shù)時(shí)發(fā)生變化。
但問(wèn)題來(lái)了鄙陡,頁(yè)面上的任何腳本都能改變計(jì)數(shù)器冕房,即便沒(méi)有調(diào)用 add() 函數(shù),可以理解為counter變量會(huì)被污染。

如果我在函數(shù)內(nèi)聲明計(jì)數(shù)器趁矾,如果沒(méi)有調(diào)用函數(shù)將無(wú)法修改計(jì)數(shù)器的值:

function add() {
    var counter = 0;
    return counter += 1;
}
 
add();
add();
add();
// 本意是想輸出 3, 但事與愿違耙册,輸出的都是 1 !

以上代碼將無(wú)法正確輸出,每次我調(diào)用 add() 函數(shù)毫捣,計(jì)數(shù)器都會(huì)設(shè)置為 1详拙。
JavaScript 內(nèi)嵌函數(shù)可以解決該問(wèn)題。

JavaScript 內(nèi)嵌函數(shù)

所有函數(shù)都能訪問(wèn)全局變量蔓同。
實(shí)際上饶辙,在 JavaScript 中,所有函數(shù)都能訪問(wèn)它們上一層的作用域斑粱。
JavaScript 支持嵌套函數(shù)畸悬。嵌套函數(shù)可以訪問(wèn)上一層的函數(shù)變量。
該實(shí)例中珊佣,內(nèi)嵌函數(shù) plus() 可以訪問(wèn)父函數(shù)的 counter 變量

function add() {
    var counter = 0;
    function plus() {counter += 1;}
    plus();    
    return counter; 
}

如果我們能在外部訪問(wèn) plus() 函數(shù)蹋宦,這樣就能解決計(jì)數(shù)器的困境。
我們同樣需要確保 counter = 0 只執(zhí)行一次咒锻。
我們需要閉包冷冗。

JavaScript 閉包

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();
 
add();
add();
add();
 
// 計(jì)數(shù)器為 3

閉包是一種保護(hù)私有變量的機(jī)制,在函數(shù)執(zhí)行時(shí)形成私有的作用域惑艇,保護(hù)里面的私有變量不受外界干擾蒿辙。
直觀的說(shuō)就是形成一個(gè)不銷(xiāo)毀的棧環(huán)境。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末滨巴,一起剝皮案震驚了整個(gè)濱河市思灌,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌恭取,老刑警劉巖泰偿,帶你破解...
    沈念sama閱讀 216,372評(píng)論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異蜈垮,居然都是意外死亡耗跛,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)攒发,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)调塌,“玉大人,你說(shuō)我怎么就攤上這事惠猿「崂” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 162,415評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵偶妖,是天一觀的道長(zhǎng)姜凄。 經(jīng)常有香客問(wèn)我,道長(zhǎng)餐屎,這世上最難降的妖魔是什么檀葛? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,157評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮腹缩,結(jié)果婚禮上屿聋,老公的妹妹穿的比我還像新娘。我一直安慰自己藏鹊,他們只是感情好润讥,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著盘寡,像睡著了一般楚殿。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上竿痰,一...
    開(kāi)封第一講書(shū)人閱讀 51,125評(píng)論 1 297
  • 那天脆粥,我揣著相機(jī)與錄音砌溺,去河邊找鬼。 笑死变隔,一個(gè)胖子當(dāng)著我的面吹牛规伐,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播匣缘,決...
    沈念sama閱讀 40,028評(píng)論 3 417
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼猖闪,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了肌厨?” 一聲冷哼從身側(cè)響起培慌,我...
    開(kāi)封第一講書(shū)人閱讀 38,887評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎柑爸,沒(méi)想到半個(gè)月后吵护,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,310評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡竖配,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評(píng)論 2 332
  • 正文 我和宋清朗相戀三年何址,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片进胯。...
    茶點(diǎn)故事閱讀 39,690評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡用爪,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出胁镐,到底是詐尸還是另有隱情偎血,我是刑警寧澤,帶...
    沈念sama閱讀 35,411評(píng)論 5 343
  • 正文 年R本政府宣布盯漂,位于F島的核電站颇玷,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏就缆。R本人自食惡果不足惜帖渠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望竭宰。 院中可真熱鬧空郊,春花似錦、人聲如沸切揭。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,659評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)廓旬。三九已至哼审,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背涩盾。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,812評(píng)論 1 268
  • 我被黑心中介騙來(lái)泰國(guó)打工十气, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人旁赊。 一個(gè)月前我還...
    沈念sama閱讀 47,693評(píng)論 2 368
  • 正文 我出身青樓桦踊,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親终畅。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評(píng)論 2 353