多層級(jí)理解閉包
閉包
閉包的概念困惑了我很久，記得當(dāng)時(shí)我面試的時(shí)候***一面有一個(gè)問題就是問題關(guān)于閉包的問題，然而到現(xiàn)在已經(jīng)完全不記得當(dāng)時(shí)的題目是啥了，但仍然能夠回憶起當(dāng)時(shí)不會(huì)的feel，雖然面試官非常友好的提醒了我應(yīng)該用閉包，可是在我吭哧半天出不來(lái)的情況下，迷面試官還是耐心的給我講了什么是閉包：有一個(gè)函數(shù)處理之后返回另一個(gè)函數(shù)，且只能執(zhí)行一次。然后給我把當(dāng)時(shí)的題寫了一下，直到我出來(lái)都沒有理解什么是閉包，那個(gè)題到底是什么題，要不是其他都答出來(lái)的話，估計(jì)都要掛。哎~一個(gè)菜鳥的心路歷程。于是，閉包就成了我心里的梗。
今天憑借自己的理解，解釋下什么是閉包。不免會(huì)參考網(wǎng)上各類大神的文章，各位看到請(qǐng)見諒。
閉包的理解是需要一個(gè)循序漸進(jìn)的過程，下面我也會(huì)循序漸進(jìn)從各個(gè)角度來(lái)闡述對(duì)閉包的不同理解，以便方便大家深度理解閉包。
***梯隊(duì)理解
我個(gè)人認(rèn)為閉包之所以難以理解很重要的一點(diǎn)在于，很多概念我們?cè)诶斫獾倪^程中都會(huì)在潛意識(shí)里和這個(gè)概念本身的名詞強(qiáng)度關(guān)聯(lián)在一起在揣摩這個(gè)概念的意思，如果自己的理解和這個(gè)名詞本身的字面意思看上去不那么相關(guān)的話，就會(huì)在內(nèi)心產(chǎn)生巨大的懷疑感，不敢相信自己的理解是否正確，哪怕是正確的。所以在立即一個(gè)概念本身的含義過程中需要一個(gè)步驟就是將自己對(duì)概念的理解和名詞本身找到某種莫名的連接方法就好理解了。
而閉包這個(gè)名詞換做誰(shuí)聽上去都不知道是在說(shuō)什么，這本身就給理解這個(gè)概念造成了很大的困惑，因?yàn)橐粋€(gè)通俗易懂的代名詞就可以很好地解釋一個(gè)概念的50%了。比如變量就是變化的字面量，條件語(yǔ)句，分支語(yǔ)句大家一聽就很好理解其概念是什么。所以首先大家需要在概念上給閉包建立一個(gè)初級(jí)的感性認(rèn)識(shí)。一下這句話是我見到的簡(jiǎn)單易懂的一種解釋。
- functions that return functions
意思是：閉包就是一個(gè)函數(shù)，只不過這個(gè)函數(shù)是另一個(gè)函數(shù)的返回值。
沒錯(cuò)，最表面上看似乎就是這樣的。比如寫一個(gè)閉包：
- function fn1() {
- var temp = 10;
- return function() {
- console.log(++temp);
- }
- }
- fn1()();
上面的例子里return出來(lái)的那個(gè)function就是一個(gè)非常簡(jiǎn)單的閉包，表面上看和上面的定義語(yǔ)句差不多就是一個(gè)從函數(shù)里返回的函數(shù)。
***梯隊(duì)的理解到這接差不多了，雖然不正確，雖然很粗糙，但對(duì)形成一個(gè)感性認(rèn)識(shí)應(yīng)該是夠了，總結(jié)一個(gè)***梯隊(duì)的認(rèn)識(shí)，什么是閉包：
- 一個(gè)函數(shù)
- 被其他函數(shù)return出來(lái)的函數(shù)。
這個(gè)時(shí)候認(rèn)識(shí)里面應(yīng)該有這么一個(gè)概念，就是閉包和我們已經(jīng)理解的一個(gè)概念應(yīng)該差不多，那就是函數(shù)，沒錯(cuò)剛開始就可以這么理解，閉包就是一個(gè)函數(shù)，是一個(gè)特殊的函數(shù)，就好像js中的方法也是函數(shù)一樣。
第二梯隊(duì)理解
有了***梯隊(duì)的認(rèn)識(shí)，我們慢慢修正大腦中對(duì)閉包的認(rèn)識(shí)。有的人理解閉包就是一個(gè)嵌套在函數(shù)里的函數(shù)，內(nèi)部函數(shù)可以訪問外部函數(shù)的數(shù)據(jù)而已。這么理解是不對(duì)的。看下面這段代碼：
- function fn1() {
- var temp = 10;
- function fn2() {
- console.log(++temp);
- }
- fn2()
- }
- fn1()
可是這時(shí)的fn1()無(wú)論執(zhí)行多少次打印都是11，永遠(yuǎn)不會(huì)變，所以這還不是閉包，只有當(dāng)你return出來(lái)一個(gè)內(nèi)部function的時(shí)候才會(huì)形成一個(gè)閉包，閉包就是return出來(lái)的這個(gè)函數(shù)。這個(gè)內(nèi)部函數(shù)可以close-over外部函數(shù)的變量直到內(nèi)部的這個(gè)函數(shù)(閉包)結(jié)束掉。
這時(shí)我們?cè)賮?lái)看看***梯隊(duì)中的代碼
- function fn1() {
- var temp = 10;
- return function() {
- console.log(++temp);
- }
- }
- vat func1 = fn1(); // func1就是一個(gè)閉包(就是fn1返回的函數(shù))。
- func1(); // 打印11
- func1(); // 打印12
這個(gè)時(shí)候func1是全局變量，但是打印的時(shí)候卻訪問的是fn1的局部變量temp并且，當(dāng)fn1()函數(shù)執(zhí)行完之后，temp的變量并沒有被垃圾回收到仍然存在于內(nèi)存中，這就是閉包的特點(diǎn)。也就是剛剛我們說(shuō)的內(nèi)部函數(shù)close-over外部函數(shù)的變量。理解這句話就可以很好的與閉包這兩個(gè)字關(guān)聯(lián)起來(lái)理解閉包這個(gè)概念了。
總結(jié)第二梯隊(duì)理解：
- 閉包是一個(gè)有特定功能的函數(shù)。他是一個(gè)可以讀取其他函數(shù)內(nèi)部變量的一個(gè)函數(shù)。
- 因?yàn)樵趈avascript中如果你想讀取一個(gè)函數(shù)內(nèi)的變量(通常稱為局部變量)只有函數(shù)的子函數(shù)可以訪問。
- 那么將這兩個(gè)概念交叉理解，就可以簡(jiǎn)單的理解閉包就是一個(gè)定義在函數(shù)內(nèi)部的函數(shù)，且可以訪問函數(shù)里的局部變量的那個(gè)函數(shù)。
- 在沒有閉包，我們沒法訪問函數(shù)內(nèi)部的局部變量，有了閉包之后，我們就可以訪問函數(shù)內(nèi)部的局部變量了，等同于閉包解決了一個(gè)問題，那就是在函數(shù)內(nèi)部和函數(shù)外部之間建立了一座橋梁。
第三梯隊(duì)理解
這個(gè)時(shí)候我們可以看看官方定義的閉包：閉包是指那些能夠訪問獨(dú)立(自由)變量的函數(shù) (變量在本地使用，但定義在一個(gè)封閉的作用域中)。換句話說(shuō)，這些函數(shù)可以“記憶”它被創(chuàng)建時(shí)候的環(huán)境。
再看另一個(gè)定義：那么什么是閉包呢?這里有兩個(gè)定義。在計(jì)算機(jī)科學(xué)中(而不是數(shù)學(xué)中)，一個(gè)閉包是一個(gè)函數(shù)或者一個(gè)函數(shù)的引用，以及他們所引用的環(huán)境信息(就像是一個(gè)表，這個(gè)表存儲(chǔ)了這個(gè)函數(shù)中引用的每一個(gè)沒有在函數(shù)內(nèi)聲明的變量)。
這兩個(gè)定義中都有一個(gè)概念，***個(gè)里“封閉的作用域”，第二個(gè)里“所引用的環(huán)境信息”。這里我們都可以用上面的close-over外部函數(shù)的變量暫時(shí)理解。
也就是閉包總是要有兩個(gè)部分的:
- 一部分是一個(gè)函數(shù)。
- 另一個(gè)部分是被這個(gè)函數(shù)“包住”的(有的理解為“帶走”的，或者是close-over住的)一些環(huán)境信息(可以理解環(huán)境信息就是變量)，但是卻不在這個(gè)函數(shù)中聲明的變量表(稱之為free variables或者outer variables)。
還有一個(gè)不是那么呆的定義：閉包允許你封裝一些行為(函數(shù)就是行為)，像其他對(duì)象一樣將它傳來(lái)傳去(函數(shù)是first-class function)，但是不論怎樣，它仍然保持著對(duì)原來(lái)最初上下文的訪問能力(它還能訪問到 outer variables)。
這個(gè)時(shí)候的理解就比較抽象了，因?yàn)橛稚婕暗阶饔糜虻母拍睿质且粋€(gè)封閉的作用域。其實(shí)上面括號(hào)中有一段話(就像是一個(gè)表，這個(gè)表存儲(chǔ)了這個(gè)函數(shù)中引用的每一個(gè)沒有在函數(shù)內(nèi)聲明的變量)，這個(gè)表就是在定義這個(gè)閉包的“閉”的范圍有哪些。
第四梯隊(duì)理解
閉包通過訪問外部變量，一個(gè)閉包可以維持(keep alive)這些變量。在內(nèi)部函數(shù)和外部函數(shù)的例子中，外部函數(shù)可以創(chuàng)建局部變量，并且最終退出;但是，如果任何一個(gè)或多個(gè)內(nèi)部函數(shù)在它退出后卻沒有退出，那么內(nèi)部函數(shù)就維持了外部函數(shù)的局部數(shù)據(jù)。
從技術(shù)上來(lái)講，在JS中，每個(gè)function都是閉包，因?yàn)樗偸悄茉L問在它外部定義的數(shù)據(jù)。
目前我的水平也就理解到這里了，希望給大家有所幫助。
