【轉載】JS 中的閉包是什么爽冕?

「每日一題」JS 中的閉包是什么堤撵?

方應杭
原文鏈接:https://zhuanlan.zhihu.com/p/22486908

大名鼎鼎的閉包狮斗!這一題終于來了悔雹,面試必問。

請用自己的話簡述

  1. 什么是「閉包」瘦馍。
  2. 「閉包」的作用是什么歼秽。

首先來簡述什么是閉包

image

假設上面三行代碼在一個立即執(zhí)行函數(shù)中(為簡明起見,我就不寫立即執(zhí)行函數(shù)了扣墩,影響讀者理解)哲银。

評論里沒看完就說我寫得有問題的,請看清楚哦:

上面三行代碼在一個立即執(zhí)行函數(shù)中呻惕。

三行代碼中荆责,有一個局部變量 local,有一個函數(shù) foo亚脆,foo 里面可以訪問到 local 變量做院。

好了這就是一個閉包:

「函數(shù)」和「函數(shù)內(nèi)部能訪問到的變量」(也叫環(huán)境)的總和,就是一個閉包。

就這么簡單键耕。

有的同學就疑惑了寺滚,閉包這么簡單么?

「我聽說閉包是需要函數(shù)套函數(shù)屈雄,然后 return 一個函數(shù)的呀村视!」

比如這樣:

function foo(){
  var local = 1
  function bar(){
    local++
    return local
  }
  return bar
}

var func = foo()
func()

這里面確實有閉包,local 變量和 bar 函數(shù)就組成了一個閉包(Closure)酒奶。

為什么要函數(shù)套函數(shù)呢蚁孔?

是因為需要局部變量,所以才把 local 放在一個函數(shù)里惋嚎,如果不把 local 放在一個函數(shù)里杠氢,local 就是一個全局變量了,達不到使用閉包的目的——隱藏變量(等會會講)另伍。

這也是為什么我上面要說「運行在一個立即執(zhí)行函數(shù)中」鼻百。

有些人看到「閉包」這個名字,就一定覺得要用什么包起來才行摆尝。其實這是翻譯問題温艇,閉包的原文是 Closure,跟「包」沒有任何關系堕汞。

所以函數(shù)套函數(shù)只是為了造出一個局部變量中贝,跟閉包無關。

為什么要 return bar 呢臼朗?

因為如果不 return,你就無法使用這個閉包蝎土。把 return bar 改成 window.bar = bar 也是一樣的视哑,只要讓外面可以訪問到這個 bar 函數(shù)就行了。

所以 return bar 只是為了 bar 能被使用誊涯,也跟閉包無關挡毅。

閉包的作用

閉包常常用來「間接訪問一個變量」。換句話說暴构,「隱藏一個變量」跪呈。

假設我們在做一個游戲,在寫其中關于「還剩幾條命」的代碼取逾。

如果不用閉包耗绿,你可以直接用一個全局變量:

window.lives = 30 // 還有三十條命

這樣看起來很不妥。萬一不小心把這個值改成 -1 了怎么辦砾隅。所以我們不能讓別人「直接訪問」這個變量误阻。怎么辦呢?

用局部變量。

但是用局部變量別人又訪問不到究反,怎么辦呢寻定?

暴露一個訪問器(函數(shù)),讓別人可以「間接訪問」精耐。

代碼如下:

!function(){

  var lives = 50

  window.獎勵一條命 = function(){
    lives += 1
  }

  window.死一條命 = function(){
    lives -= 1
  }

}()

簡明起見狼速,我用了中文 :)

那么在其他的 JS 文件,就可以使用 window.獎勵一條命() 來漲命卦停,使用 window.死一條命() 來讓角色掉一條命向胡。

看到閉包在哪了嗎?

image

閉包到底是什么沫浆?

image

五年前捷枯,我也被這個問題困擾,于是去搜了 stackoverflow 并總結下來专执。你在百度搜閉包淮捆,那篇《JavaScript閉包——懂不懂由你,反正我是懂了》就是我寫的本股。當時我還是新手攀痊,一直不理解為什么大家口中的閉包這么模糊、這么琢磨不定呢拄显。

我們重新來審視一下閉包的代碼:

image

第一句是變量聲明苟径,第二句是函數(shù)聲明,第三句是 console.log躬审。

每一句我都學過棘街,為什么合起來我就看不出來是閉包?

我告訴你答案承边,你根本不需要知道閉包這個概念遭殉,一樣可以使用閉包!

閉包是 JS 函數(shù)作用域的副產(chǎn)品博助。

換句話說险污,正是由于 JS 的函數(shù)內(nèi)部可以使用函數(shù)外部的變量,所以這段代碼正好符合了閉包的定義富岳。而不是 JS 故意要使用閉包蛔糯。

很多編程語言也支持閉包,另外有一些語言則不支持閉包窖式。

只要你懂了 JS 的作用域蚁飒,你自然而然就懂了閉包,即使你不知道那就是閉包脖镀!

所謂閉包的作用

如果我們在寫代碼時飒箭,根本就不知道閉包狼电,只是按照自己的意圖寫,最后弦蹂,發(fā)現(xiàn)滿足了閉包的定義肩碟。

那么請問,這算是閉包的作用嗎凸椿?

這個問題削祈,留給你思考。

關于閉包的謠言

閉包會造成內(nèi)存泄露脑漫?

錯髓抑。

說這話的人根本不知道什么是內(nèi)存泄露。內(nèi)存泄露是指你用不到(訪問不到)的變量优幸,依然占居著內(nèi)存空間吨拍,不能被再次利用起來。

閉包里面的變量明明就是我們需要的變量(lives)网杆,憑什么說是內(nèi)存泄露羹饰?

這個謠言是如何來的?

因為 IE。IE 有 bug,IE 在我們使用完閉包之后弄屡,依然回收不了閉包里面引用的變量。

這是 IE 的問題馍资,不是閉包的問題。參見司徒正美的這篇文章关噪。

一個小經(jīng)驗

編程界崇尚以簡潔優(yōu)雅為美鸟蟹,很多時候

如果你覺得一個概念很復雜,那么很可能是你理解錯了使兔。

歡迎加我微信 frank_fang戏锹,暗號:閉包

完。

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末火诸,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子荠察,更是在濱河造成了極大的恐慌置蜀,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,122評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件悉盆,死亡現(xiàn)場離奇詭異盯荤,居然都是意外死亡,警方通過查閱死者的電腦和手機焕盟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,070評論 3 395
  • 文/潘曉璐 我一進店門秋秤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事灼卢∩馨ィ” “怎么了?”我有些...
    開封第一講書人閱讀 164,491評論 0 354
  • 文/不壞的土叔 我叫張陵鞋真,是天一觀的道長崇堰。 經(jīng)常有香客問我,道長涩咖,這世上最難降的妖魔是什么海诲? 我笑而不...
    開封第一講書人閱讀 58,636評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮檩互,結果婚禮上特幔,老公的妹妹穿的比我還像新娘。我一直安慰自己闸昨,他們只是感情好蚯斯,可當我...
    茶點故事閱讀 67,676評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著零院,像睡著了一般溉跃。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上告抄,一...
    開封第一講書人閱讀 51,541評論 1 305
  • 那天撰茎,我揣著相機與錄音,去河邊找鬼打洼。 笑死龄糊,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的募疮。 我是一名探鬼主播炫惩,決...
    沈念sama閱讀 40,292評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼阿浓!你這毒婦竟也來了他嚷?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 39,211評論 0 276
  • 序言:老撾萬榮一對情侶失蹤芭毙,失蹤者是張志新(化名)和其女友劉穎筋蓖,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體退敦,經(jīng)...
    沈念sama閱讀 45,655評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡粘咖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,846評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了侈百。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瓮下。...
    茶點故事閱讀 39,965評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡翰铡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出讽坏,到底是詐尸還是另有隱情锭魔,我是刑警寧澤,帶...
    沈念sama閱讀 35,684評論 5 347
  • 正文 年R本政府宣布震缭,位于F島的核電站赂毯,受9級特大地震影響,放射性物質發(fā)生泄漏拣宰。R本人自食惡果不足惜党涕,卻給世界環(huán)境...
    茶點故事閱讀 41,295評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望巡社。 院中可真熱鬧膛堤,春花似錦、人聲如沸晌该。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,894評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽朝群。三九已至燕耿,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間姜胖,已是汗流浹背誉帅。 一陣腳步聲響...
    開封第一講書人閱讀 33,012評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留右莱,地道東北人蚜锨。 一個月前我還...
    沈念sama閱讀 48,126評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像慢蜓,于是被迫代替她去往敵國和親亚再。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,914評論 2 355

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

  • 簡而言之 :閉包只是一種形式看圖說話 假設上面三行代碼在一個立即執(zhí)行函數(shù)中晨抡。 三行代碼中氛悬,有一個局部變量 loca...
    缺月樓閱讀 160評論 0 1
  • 一圆雁、首先簡述什么是閉包 為什么會有閉包這個概念,我們知道函數(shù)內(nèi)部可以直接讀取全局變量帆谍,但是函數(shù)外部無法讀取函數(shù)內(nèi)部...
    周花花啊閱讀 304評論 0 0
  • 什么是閉包 我對閉包的理解就是一個局部變量加上一個可以訪問這個局部變量的函數(shù)的總和,就形成了一個閉包轴咱。在JS中由于...
    jackie季閱讀 335評論 0 1
  • 變量的作用域 在JavaScript中汛蝙,函數(shù)內(nèi)部可以讀取全局變量烈涮。 但是,函數(shù)外部無法讀取函數(shù)內(nèi)部的局部變量窖剑。 這...
    fanfei666閱讀 333評論 0 0
  • 閉包的英文是Closure坚洽。無論從中文還是英文看,你都猜不出它具體是啥意思西土。 詞法作用域 要理解閉包讶舰,首先必須理解...
    microkof閱讀 1,898評論 2 5