前面提到的上下文環(huán)境和作用域的知識(shí)，除了了解這些知識(shí)之外，還是理解閉包的基礎(chǔ)。

至于“閉包”這個(gè)詞的概念的文字描述，確實(shí)不好解釋?zhuān)铱催^(guò)很多遍，但是現(xiàn)在還是記不住。

但是你只需要知道應(yīng)用的兩種情況即可——函數(shù)作為返回值，函數(shù)作為參數(shù)傳遞。

第一，函數(shù)作為返回值

如上代碼，bar函數(shù)作為返回值，賦值給f1變量。執(zhí)行f1(15)時(shí)，用到了fn作用域下的max變量的值。至于如何跨作用域取值，可以參考上一節(jié)。

第二，函數(shù)作為參數(shù)被傳遞

如上代碼中，fn函數(shù)作為一個(gè)參數(shù)被傳遞進(jìn)入另一個(gè)函數(shù)，賦值給f參數(shù)。執(zhí)行f(15)時(shí)，max變量的取值是10，而不是100。

上一節(jié)講到自由變量跨作用域取值時(shí)，曾經(jīng)強(qiáng)調(diào)過(guò)：要去創(chuàng)建這個(gè)函數(shù)的作用域取值，而不是“父作用域”。理解了這一點(diǎn)，以上兩端代碼中，自由變量如何取值應(yīng)該比較簡(jiǎn)單。（不明白的朋友一定要去上一節(jié)看看，這個(gè)很重要！）

另外，講到閉包，除了結(jié)合著作用域之外，還需要結(jié)合著執(zhí)行上下文棧來(lái)說(shuō)一下。

在前面講執(zhí)行上下文棧時(shí)（http://www.rzrgm.cn/wangfupeng1988/p/3989357.html），我們提到當(dāng)一個(gè)函數(shù)被調(diào)用完成之后，其執(zhí)行上下文環(huán)境將被銷(xiāo)毀，其中的變量也會(huì)被同時(shí)銷(xiāo)毀。

但是在當(dāng)時(shí)那篇文章中留了一個(gè)問(wèn)號(hào)——有些情況下，函數(shù)調(diào)用完成之后，其執(zhí)行上下文環(huán)境不會(huì)接著被銷(xiāo)毀。這就是需要理解閉包的核心內(nèi)容。

咱們可以拿本文的第一段代碼（稍作修改）來(lái)分析一下。

第一步，代碼執(zhí)行前生成全局上下文環(huán)境，并在執(zhí)行時(shí)對(duì)其中的變量進(jìn)行賦值。此時(shí)全局上下文環(huán)境是活動(dòng)狀態(tài)。

第二步，執(zhí)行第17行代碼時(shí)，調(diào)用fn()，產(chǎn)生fn()執(zhí)行上下文環(huán)境，壓棧，并設(shè)置為活動(dòng)狀態(tài)。

第三步，執(zhí)行完第17行，fn()調(diào)用完成。按理說(shuō)應(yīng)該銷(xiāo)毀掉fn()的執(zhí)行上下文環(huán)境，但是這里不能這么做。注意，重點(diǎn)來(lái)了：因?yàn)閳?zhí)行fn()時(shí)，返回的是一個(gè)函數(shù)。函數(shù)的特別之處在于可以創(chuàng)建一個(gè)獨(dú)立的作用域。而正巧合的是，返回的這個(gè)函數(shù)體中，還有一個(gè)自由變量max要引用fn作用域下的fn()上下文環(huán)境中的max。因此，這個(gè)max不能被銷(xiāo)毀，銷(xiāo)毀了之后bar函數(shù)中的max就找不到值了。

因此，這里的fn()上下文環(huán)境不能被銷(xiāo)毀，還依然存在與執(zhí)行上下文棧中。

——即，執(zhí)行到第18行時(shí)，全局上下文環(huán)境將變?yōu)榛顒?dòng)狀態(tài)，但是fn()上下文環(huán)境依然會(huì)在執(zhí)行上下文棧中。另外，執(zhí)行完第18行，全局上下文環(huán)境中的max被賦值為100。如下圖：

第四步，執(zhí)行到第20行，執(zhí)行f1(15)，即執(zhí)行bar(15)，創(chuàng)建bar(15)上下文環(huán)境，并將其設(shè)置為活動(dòng)狀態(tài)。

執(zhí)行bar(15)時(shí)，max是自由變量，需要向創(chuàng)建bar函數(shù)的作用域中查找，找到了max的值為10。這個(gè)過(guò)程在作用域鏈一節(jié)已經(jīng)講過(guò)。

這里的重點(diǎn)就在于，創(chuàng)建bar函數(shù)是在執(zhí)行fn()時(shí)創(chuàng)建的。fn()早就執(zhí)行結(jié)束了，但是fn()執(zhí)行上下文環(huán)境還存在與棧中，因此bar(15)時(shí)，max可以查找到。如果fn()上下文環(huán)境銷(xiāo)毀了，那么max就找不到了。

使用閉包會(huì)增加內(nèi)容開(kāi)銷(xiāo)，現(xiàn)在很明顯了吧！

第五步，執(zhí)行完20行就是上下文環(huán)境的銷(xiāo)毀過(guò)程，這里就不再贅述了。

閉包和作用域、上下文環(huán)境有著密不可分的關(guān)系，真的是“想說(shuō)愛(ài)你不容易”！

另外，閉包在jQuery中的應(yīng)用非常多，在這里就不一一舉例子了。所以，無(wú)論你是想了解一個(gè)經(jīng)典的框架/類(lèi)庫(kù)，還是想自己開(kāi)發(fā)一個(gè)插件或者類(lèi)庫(kù)，像閉包、原型這些基本的理論，是一定要知道的。否則，到時(shí)候出了BUG你都不知道為什么，因?yàn)檫@些BUG可能完全在你的知識(shí)范圍之外。

到現(xiàn)在閉包就簡(jiǎn)單介紹完了，下一節(jié)我們?cè)倏偨Y(jié)一下。

---------------------------------------------------------------------------

本文已更新到《深入理解javascript原型和閉包系列》的目錄，更多內(nèi)容可參見(jiàn)《深入理解javascript原型和閉包系列》。

另外，歡迎關(guān)注我的微博。

學(xué)習(xí)作者教程：《前端JS高級(jí)面試》《前端JS基礎(chǔ)面試題》《React.js模擬大眾點(diǎn)評(píng)webapp》《zepto設(shè)計(jì)與源碼分析》《json2.js源碼解讀》