深入理解javascript原型和閉包（15）――閉包

前面提到的上下文環境和作用域的知識，除了了解這些知識之外，還是理解閉包的基礎。

至于“閉包”這個詞的概念的文字描述，確實不好解釋，我看過很多遍，但是現在還是記不住。

但是你只需要知道應用的兩種情況即可――函數作為返回值，函數作為參數傳遞。

第一，函數作為返回值

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

第二，函數作為參數被傳遞

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

上一節講到自由變量跨作用域取值時，曾經強調過：要去創建這個函數的作用域取值，而不是“父作用域”。理解了這一點，以上兩端代碼中，自由變量如何取值應該比較簡單。（不明白的朋友一定要去上一節看看，這個很重要！）

另外，講到閉包，除了結合著作用域之外，還需要結合著執行上下文棧來說一下。

在前面講執行上下文棧時（http://www.cnblogs.com/wangfupeng1988/p/3989357.html），我們提到當一個函數被調用完成之后，其執行上下文環境將被銷毀，其中的變量也會被同時銷毀。

但是在當時那篇文章中留了一個問號――有些情況下，函數調用完成之后，其執行上下文環境不會接著被銷毀。這就是需要理解閉包的核心內容。

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

第一步，代碼執行前生成全局上下文環境，并在執行時對其中的變量進行賦值。此時全局上下文環境是活動狀態。

第二步，執行第17行代碼時，調用fn()，產生fn()執行上下文環境，壓棧，并設置為活動狀態。

第三步，執行完第17行，fn()調用完成。按理說應該銷毀掉fn()的執行上下文環境，但是這里不能這么做。注意，重點來了：因為執行fn()時，返回的是一個函數。函數的特別之處在于可以創建一個獨立的作用域。而正巧合的是，返回的這個函數體中，還有一個自由變量max要引用fn作用域下的fn()上下文環境中的max。因此，這個max不能被銷毀，銷毀了之后bar函數中的max就找不到值了。

因此，這里的fn()上下文環境不能被銷毀，還依然存在與執行上下文棧中。

――即，執行到第18行時，全局上下文環境將變為活動狀態，但是fn()上下文環境依然會在執行上下文棧中。如下圖：

第四步，執行到第20行，執行f1(15)，即執行bar(15)，創建bar(15)上下文環境，并將其設置為活動狀態。

執行bar(15)時，max是自由變量，需要向創建bar函數的作用域中查找，找到了max的值為10。這個過程在作用域鏈一節已經講過。

這里的重點就在于，創建bar函數是在執行fn()時創建的。fn()早就執行結束了，但是fn()執行上下文環境還存在與棧中，因此bar(15)時，max可以查找到。如果fn()上下文環境銷毀了，那么max就找不到了。

使用閉包會增加內容開銷，現在很明顯了吧！

第五步，執行完20行就是上下文環境的銷毀過程，這里就不再贅述了。

閉包和作用域、上下文環境有著密不可分的關系，真的是“想說愛你不容易”！

另外，閉包在jQuery中的應用非常多，在這里就不一一舉例子了。所以，無論你是想了解一個經典的框架/類庫，還是想自己開發一個插件或者類庫，像閉包、原型這些基本的理論，是一定要知道的。否則，到時候除了BUG你都不知道為什么，因為這些BUG可能完全在你的知識范圍之外。

到現在閉包就簡單介紹完了，下一節我們再總結一下。

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

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

另外，歡迎關注我的微博。

也歡迎關注我的其他教程――別怕，都是免費的！

《微軟petshop4.0源碼解讀視頻》《json2.js源碼解讀視頻》

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

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈