「每日一題」JS 中的閉包是什么堤撵?
方應杭
原文鏈接:https://zhuanlan.zhihu.com/p/22486908
大名鼎鼎的閉包狮斗!這一題終于來了悔雹,面試必問。
請用自己的話簡述
- 什么是「閉包」瘦馍。
- 「閉包」的作用是什么歼秽。
首先來簡述什么是閉包
假設上面三行代碼在一個立即執(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.死一條命() 來讓角色掉一條命向胡。
看到閉包在哪了嗎?
閉包到底是什么沫浆?
五年前捷枯,我也被這個問題困擾,于是去搜了 stackoverflow 并總結下來专执。你在百度搜閉包淮捆,那篇《JavaScript閉包——懂不懂由你,反正我是懂了》就是我寫的本股。當時我還是新手攀痊,一直不理解為什么大家口中的閉包這么模糊、這么琢磨不定呢拄显。
我們重新來審視一下閉包的代碼:
第一句是變量聲明苟径,第二句是函數(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戏锹,暗號:閉包
完。