javascript的閉包概念怎麼理解

才智咖 人氣:1.07W

接觸javascript很久了,每次理解閉包都似是而非,最近在找Web前端的工作,所以需要把基礎夯實一下。

javascript的閉包概念怎麼理解

本文是參照了joy_lee的部落格 閉包 在她這篇部落格的基礎上以批註的形式力爭把我的理解闡述出來,如果有不當之處,歡迎批評指正。

《高階程式設計》上,這樣說:當在函式內部定義了其他函式時候,就建立了閉包。閉包有權訪問包含函式內部的所有變數。

(這句話怎麼理解呢?照這句話理解的話,閉包就是一個巢狀函式嘛!巢狀函式對包含它的函式的變數當然可以訪問,這是沒有問題的。)

一般來說,內部函式是能夠訪問到上一級乃至全域性的的變數的,那麼就有人這樣理解:通過閉包,可以實現外部訪問函式區域性內的變數。

(如果我們把作用域簡單的分個級的話,假設全域性作用域作為第一級,其中定義的函式體內部作用域作為第二級,在第二級作用域內巢狀定義的函式體內部作用域作為第三級,....等等,傳統意義上,第一級不能訪問第二級的變數(這種變數叫做區域性變數),第二級不能訪問第三級,...,而反過來是可以的,這就是作用域鏈。本級作用域內找不到再到上一級找,直至第一級全域性。而閉包這種機制可以在第一級作用域中通過第三級作用域引用到第二級作用域中的變數,而方法就是在第二級作用域向第一級作用域返回擁有第三級作用域的函式引用。 這個引用才是關鍵,因為這個引用的存在,相關的第三作用域與第二作用域都成了這個引用執行的上下文,迫使垃圾回收機制GC不能回收這條鏈上所佔用的資源。而如果沒有這個引用,則跟一般函式一樣,函式執行完資源就會被回收。而我的疑惑也在於此,閉包單指函式中的巢狀函式還是指被第一級引用了的巢狀函式?還是都是?還是說閉包並不是巢狀函式而是巢狀函式被第一級作用域引用時所形成的這種機制?)

function a(){ var i=0; function b(){ alert(++i); } return b; } var c = a(); c();

即,閉包的作用就是在a執行完並返回後,閉包使得Javascript的垃圾回收機制GC不會收回a所佔用的資源,因為a的內部函式b的執行需要依賴a中的變數。

由於閉包的存在使得函式a返回後,a中的'i始終存在,這樣每次執行c(),i都是自加1後alert出i的值。

那麼,如果a不返回函式b,情況就完全不同了。因為a執行完後,b沒有被返回給a的外界,只是被a所引用,而此時a也只會被b引用,因此函式a和b互相引用但又不被外界打擾(被外界引用),函式a和b就會被GC回收。

實際上是就是閉包延長變數的生命週期。通常函式的作用域即變數會在函式執行結束後被銷燬,但當函式返回一個閉包,只要閉包不被釋放,整條作用域鏈都會佔用記憶體。(閉包延長變數的生命週期,這是指被第一級引用的情況。但如果沒有這個引用,閉包還能稱其為閉包嗎?)

說道作用域鏈:即 函式自己的作用域、上一層的函式的作用域....和全域性作用域。訪問一個變數時,自己的沒有,就一層層往上找,直至全域性,若還沒有,就報錯。

(很想吐槽一句,閉包的作用域鏈是彎的。)

PS: 有網友推薦了另一篇文章javascript閉包概念簡單解析,是不是權威暫且不提,總算有一個明確的概念。

說了這麼多,閉包到底是什麼,下面做一下總結:

閉包是一個概念,它描述了函式執行完畢記憶體釋放後,依然記憶體駐留的一個現象,只要把握這個核心概念,閉包就不難理解了。

TAGS:閉包