原文地址:http://www.cnblogs.com/wangfupeng1988/p/3994065.html
前面提到的上下文環境和作用域的知識,除了了解這些知識之外,還是理解閉包的基礎。
至于“閉包”這個詞的概念的文字描述,確實不好解釋,我看過很多遍,但是現在還是記不住。
但是你只需要知道應用的兩種情況即可——函數作為返回值,函數作為參數傳遞。
第一,函數作為返回值
如上代碼,bar函數作為返回值,賦值給f1變量。執行f1(15)時,用到了fn作用域下的max變量的值。至于如何跨作用域取值,可以參考上一節。
第二,函數作為參數被傳遞
如上代碼中,fn函數作為一個參數被傳遞進入另一個函數,賦值給f參數。執行f(15)時,max變量的取值是10,而不是100。
上一節講到自由變量跨作用域取值時,曾經強調過:要去創建這個函數的作用域取值,而不是“父作用域”。理解了這一點,以上兩端代碼中,自由變量如何取值應該比較簡單。(不明白的朋友一定要去上一節看看,這個很重要!)
另外,講到閉包,除了結合著作用域之外,還需要結合著執行上下文棧來說一下。
在前面講執行上下文棧時,我們提到當一個函數被調用完成之后,其執行上下文環境將被銷毀,其中的變量也會被同時銷毀。
但是在當時那篇文章中留了一個問號——有些情況下,函數調用完成之后,其執行上下文環境不會接著被銷毀。這就是需要理解閉包的核心內容。
咱們可以拿本文的第一段代碼(稍作修改)來分析一下。
第一步,代碼執行前生成全局上下文環境,并在執行時對其中的變量進行賦值。此時全局上下文環境是活動狀態。
第二步,執行第17行代碼時,調用fn(),產生fn()執行上下文環境,壓棧,并設置為活動狀態。
第三步,執行完第17行,fn()調用完成。按理說應該銷毀掉fn()的執行上下文環境,但是這里不能這么做。注意,重點來了:因為執行fn()時,返回的是一個函數。函數的特別之處在于可以創建一個獨立的作用域。而正巧合的是,返回的這個函數體中,還有一個自由變量max要引用fn作用域下的fn()上下文環境中的max。因此,這個max不能被銷毀,銷毀了之后bar函數中的max就找不到值了。
因此,這里的fn()上下文環境不能被銷毀,還依然存在于執行上下文棧中。
——即,執行到第18行時,全局上下文環境將變為活動狀態,但是fn()上下文環境依然會在執行上下文棧中。另外,執行完第18行,全局上下文環境中的max被賦值為100。如下圖:
第四步,執行到第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可能完全在你的知識范圍之外。
到現在閉包就簡單介紹完了,下一節我們再總結一下。
新聞熱點
疑難解答