?
問(wèn)題+答案(很好理解的答案)便于后續(xù)查找翻閱
轉(zhuǎn)載 https://zhuanlan.zhihu.com/p/22486908
面試:
閉包是什么?
閉包有什么作用?
由于評(píng)論里不停有人給出錯(cuò)誤的答案,這里先聲明:如果你對(duì)閉包的理解里有 return 這個(gè)詞,那么你的理解就是錯(cuò)的。因?yàn)殚]包跟 return 沒(méi)有任何關(guān)系。理由在下文里講。
---------------------------------------
首先來(lái)簡(jiǎn)述什么是閉包
?
假設(shè)上面三行代碼在一個(gè)立即執(zhí)行函數(shù)中(為簡(jiǎn)明起見(jiàn),我就不寫立即執(zhí)行函數(shù)了,影響讀者理解)。
三行代碼中,有一個(gè)局部變量 local,有一個(gè)函數(shù) foo,foo 里面可以訪問(wèn)到 local 變量。
好了這就是一個(gè)閉包:
「函數(shù)」和「函數(shù)內(nèi)部能訪問(wèn)到的變量」的總和,就是一個(gè)閉包。
就這么簡(jiǎn)單。
有的同學(xué)就疑惑了,閉包這么簡(jiǎn)單么?
「我聽(tīng)說(shuō)閉包是需要函數(shù)套函數(shù),然后 return 一個(gè)函數(shù)的呀!」
比如這樣:
function foo(){
var local = 1
function bar(){
local++
return local
}
return bar
}
var func = foo()
func()
這里面確實(shí)有閉包,local 變量和 bar 函數(shù)就組成了一個(gè)閉包(Closure)。
為什么要函數(shù)套函數(shù)呢?
是因?yàn)樾枰植孔兞?,所以才?local 放在一個(gè)函數(shù)里,如果不把 local 放在一個(gè)函數(shù)里,local 就是一個(gè)全局變量了,達(dá)不到使用閉包的目的——隱藏變量(等會(huì)會(huì)講)。
這也是為什么我上面要說(shuō)「運(yùn)行在一個(gè)立即執(zhí)行函數(shù)中」。
有些人看到「閉包」這個(gè)名字,就一定覺(jué)得要用什么包起來(lái)才行。其實(shí)這是翻譯問(wèn)題,閉包的原文是 Closure,跟「包」沒(méi)有任何關(guān)系。
所以函數(shù)套函數(shù)只是為了造出一個(gè)局部變量,跟閉包無(wú)關(guān)。
?
為什么要 return bar 呢?
因?yàn)槿绻?return,你就無(wú)法使用這個(gè)閉包。把 return bar 改成 window.bar = bar 也是一樣的,只要讓外面可以訪問(wèn)到這個(gè) bar 函數(shù)就行了。
所以 return bar 只是為了 bar 能被使用,也跟閉包無(wú)關(guān)。
閉包的作用
閉包常常用來(lái)「間接訪問(wèn)一個(gè)變量」。換句話說(shuō),「隱藏一個(gè)變量」。
?
假設(shè)我們?cè)谧鲆粋€(gè)游戲,在寫其中關(guān)于「還剩幾條命」的代碼。
如果不用閉包,你可以直接用一個(gè)全局變量:
window.lives = 30 // 還有三十條命
這樣看起來(lái)很不妥。萬(wàn)一不小心把這個(gè)值改成 -1 了怎么辦。所以我們不能讓別人「直接訪問(wèn)」這個(gè)變量。怎么辦呢?
用局部變量。
但是用局部變量別人又訪問(wèn)不到,怎么辦呢?
暴露一個(gè)訪問(wèn)器(函數(shù)),讓別人可以「間接訪問(wèn)」。
代碼如下:
!function(){
var lives = 50
window.獎(jiǎng)勵(lì)一條命 = function(){
lives += 1
}
window.死一條命 = function(){
lives -= 1
}
}()
簡(jiǎn)明起見(jiàn),我用了中文 :)
那么在其他的 JS 文件,就可以使用 window.獎(jiǎng)勵(lì)一條命() 來(lái)漲命,使用 window.死一條命() 來(lái)讓角色掉一條命。
看到閉包在哪了嗎?
?
閉包到底是什么?
?
五年前,我也被這個(gè)問(wèn)題困擾,于是去搜了 stackoverflow 并總結(jié)下來(lái)。你在百度搜閉包,那篇《JavaScript閉包——懂不懂由你,反正我是懂了》就是我寫的。當(dāng)時(shí)我還是新手,一直不理解為什么大家口中的閉包這么模糊、這么琢磨不定呢。
我們重新來(lái)審視一下閉包的代碼:
?
第一句是變量聲明,第二句是函數(shù)聲明,第三句是 console.log。
每一句我都學(xué)過(guò),為什么合起來(lái)我就看不出來(lái)是閉包?
我告訴你答案,你根本不需要知道閉包這個(gè)概念,一樣可以使用閉包!
閉包是 JS 函數(shù)作用域的副產(chǎn)品。
換句話說(shuō),正是由于 JS 的函數(shù)內(nèi)部可以使用函數(shù)外部的變量,所以這段代碼正好符合了閉包的定義。而不是 JS 故意要使用閉包。
很多編程語(yǔ)言也支持閉包,另外有一些語(yǔ)言則不支持閉包。
只要你懂了 JS 的作用域,你自然而然就懂了閉包,即使你不知道那就是閉包!
所謂閉包的作用
如果我們?cè)趯懘a時(shí),根本就不知道閉包,只是按照自己的意圖寫,最后,發(fā)現(xiàn)滿足了閉包的定義。
那么請(qǐng)問(wèn),這算是閉包的作用嗎?
一個(gè)是前面提到的可以讀取函數(shù)內(nèi)部的變量,另一個(gè)就是讓這些變量的值始終保持在內(nèi)存中
關(guān)于閉包的謠言
閉包會(huì)造成內(nèi)存泄露?
錯(cuò)。
說(shuō)這話的人根本不知道什么是內(nèi)存泄露。內(nèi)存泄露是指你用不到(訪問(wèn)不到)的變量,依然占居著內(nèi)存空間,不能被再次利用起來(lái)。
閉包里面的變量明明就是我們需要的變量(lives),憑什么說(shuō)是內(nèi)存泄露?
這個(gè)謠言是如何來(lái)的?
因?yàn)?IE。IE 有 bug,IE 在我們使用完閉包之后,依然回收不了閉包里面引用的變量。
這是 IE 的問(wèn)題,不是閉包的問(wèn)題。參見(jiàn)司徒正美的這篇文章。
一個(gè)小經(jīng)驗(yàn)
編程界崇尚以簡(jiǎn)潔優(yōu)雅為美,很多時(shí)候
如果你覺(jué)得一個(gè)概念很復(fù)雜,那么很可能是你理解錯(cuò)了。
本文摘自 :https://www.cnblogs.com/