JS學習筆記之閉包

看了網(wǎng)上很多介紹閉包的文章麦乞,始終無法明白閉包TMD到底是什么蹂随?直到下面2篇文章茁帽,解決了我的疑惑掉冶,在此,先上鏈接:

  1. How do JavaScript closures work?
  2. JS 中的閉包是什么脐雪?

閉包是什么厌小?它能幫我們解決什么問題?

在回答上面的問題之前战秋,先扯點其他的廢話璧亚!早在ES6之前,JS并不存在塊級作用域(這有別于JavaC++等傳統(tǒng)面向?qū)ο笳Z言),舉個通俗的例子:

for(var i = 0; i < 5; i++) {
}
console.log(i);    // 循環(huán)結(jié)束癣蟋,外部可以訪問變量i的值透硝,輸出5

但是,有一種情況例外,那就是函數(shù),同樣上例子:

function demo() {
  var local = 100;
  // TODO...
}

很顯然疯搅,我們在外部是無法訪問函數(shù)內(nèi)部的變量local的濒生。那如果說,我們就是想訪問函數(shù)內(nèi)部的某個變量幔欧,是否有方案可行呢罪治?

答案就是利用JS的作用域鏈實現(xiàn)。先對作用域鏈簡單總結(jié)一下:

  • 子執(zhí)行環(huán)境可以訪問父執(zhí)行環(huán)境中的變量礁蔗。若當前執(zhí)行環(huán)境不存在某個變量觉义,就會逐級向上面的父執(zhí)行環(huán)境查找,找到浴井,則停止向上搜索;否則晒骇,返回undefined
  • 外部執(zhí)行環(huán)境無法訪問其子執(zhí)行環(huán)境中的變量磺浙。

既然內(nèi)部函數(shù)可以訪問外部函數(shù)的變量洪囤,那我們就可以在函數(shù)demo內(nèi)部定義一個函數(shù),返回該變量撕氧,并將整個函數(shù)返回就可以達到我們的目的了瘤缩。(說的不是很清楚,上代碼)

function demo() {
  var local = 100;
  return function() {
    return local;
  }
}
var fn = demo();
var result = fn();
// result = 100

是不是So Easy:遣堋!何暮!扯了這么多廢話奄喂,終于到我們的正題了!其實海洼,我們在不知不覺中已經(jīng)構(gòu)建了一個閉包跨新。

對于閉包的定義,并沒有一個統(tǒng)一說法坏逢。在我看來域帐,閉包就是一種機制,它可以用來訪問函數(shù)內(nèi)部的局部變量是整,并且可以持久擁有它肖揣!

訪問函數(shù)內(nèi)部的局部變量我們上面介紹過了,持久擁有是啥玩意浮入?是不是覺得很抽象龙优?!那讓我們一起分析一下上面的代碼事秀。

通常彤断,調(diào)用一個函數(shù)野舶,當調(diào)用完后,其執(zhí)行環(huán)境就會被銷毀,其內(nèi)部的局部變量等(活動對象)也會一起被瀏覽器的垃圾回收機制回收宰衙。但是平道,函數(shù)fn所指向的匿名函數(shù)中(執(zhí)行環(huán)境)并沒有變量local,它取的是父執(zhí)行環(huán)境中的local,導致它無法被釋放供炼,一直被保存在內(nèi)存中一屋。
也就是上面所說的持久保存

應(yīng)用

  1. 暫存數(shù)據(jù)(上面所提)
  2. 模擬私有變量
var Car = (function() {
    var speed = 0;
    return {
        setSpeed: function(num) {
            speed = num;
        },
        getSpeed: function() {
            return speed;
        }
    }
})();

總結(jié)

編程界崇尚以簡潔優(yōu)雅為美劲蜻,很多時候如果你覺得一個概念很復(fù)雜陆淀,那么很可能是你理解錯了。

If everything seems completely unclear then the best thing to do is to play with the examples.

好啦先嬉,這就是我現(xiàn)階段對于閉包的理解轧苫,有可能理解的還不夠深刻,有問題歡迎各位拍磚指正疫蔓!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末含懊,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子衅胀,更是在濱河造成了極大的恐慌岔乔,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,265評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件滚躯,死亡現(xiàn)場離奇詭異雏门,居然都是意外死亡,警方通過查閱死者的電腦和手機掸掏,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評論 2 385
  • 文/潘曉璐 我一進店門茁影,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人丧凤,你說我怎么就攤上這事募闲。” “怎么了愿待?”我有些...
    開封第一講書人閱讀 156,852評論 0 347
  • 文/不壞的土叔 我叫張陵浩螺,是天一觀的道長。 經(jīng)常有香客問我仍侥,道長要出,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,408評論 1 283
  • 正文 為了忘掉前任农渊,我火速辦了婚禮厨幻,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己况脆,他們只是感情好饭宾,可當我...
    茶點故事閱讀 65,445評論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著格了,像睡著了一般看铆。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上盛末,一...
    開封第一講書人閱讀 49,772評論 1 290
  • 那天弹惦,我揣著相機與錄音,去河邊找鬼悄但。 笑死棠隐,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的檐嚣。 我是一名探鬼主播挫剑,決...
    沈念sama閱讀 38,921評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼凫碌,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起朋其,我...
    開封第一講書人閱讀 37,688評論 0 266
  • 序言:老撾萬榮一對情侶失蹤饿悬,失蹤者是張志新(化名)和其女友劉穎久又,沒想到半個月后舷暮,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡帕涌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,467評論 2 325
  • 正文 我和宋清朗相戀三年摄凡,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蚓曼。...
    茶點故事閱讀 38,617評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡亲澡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出辟躏,到底是詐尸還是另有隱情谷扣,我是刑警寧澤土全,帶...
    沈念sama閱讀 34,276評論 4 329
  • 正文 年R本政府宣布捎琐,位于F島的核電站,受9級特大地震影響裹匙,放射性物質(zhì)發(fā)生泄漏瑞凑。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,882評論 3 312
  • 文/蒙蒙 一概页、第九天 我趴在偏房一處隱蔽的房頂上張望籽御。 院中可真熱鬧,春花似錦、人聲如沸技掏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽哑梳。三九已至劲阎,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間鸠真,已是汗流浹背悯仙。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評論 1 265
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留吠卷,地道東北人锡垄。 一個月前我還...
    沈念sama閱讀 46,315評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像祭隔,于是被迫代替她去往敵國和親货岭。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,486評論 2 348

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