理解和運用JavaScript的閉包機制_基礎知識

這原本是國外某哥們兒在 Stack Overflow 上對 JavaScript 閉包所提出的問題。不過既然此問題是在 Stack Overflow 提出的，當然也會有很多高手出來解答，其中有些回答確實是經典，如下面這個：

如果在一個外部函數中再定義一個內部函數，即函數嵌套函數，那么內部函數也可以訪問外部函數中的變量：

此段代碼可以正確執行，并返回結果：16，因為 bar 能訪問外部函數的變量 tmp， 同時也能訪問外部函數 foo 的參數 x。但以上示例不是閉包！

要實現閉包的話，需要將內部函數作為外部函數的返回值返回，內部函數在返回前，會將所有已訪問過的外部函數中的變量在內存中鎖定，也就是說，這些變量將常駐 bar 的內存中，不會被垃圾回收器回收，如下：

上述代碼中，第一次執行 bar 時，仍會返回結果：16，因為 bar 仍然可以訪問 x 及 tmp，盡管它已經不直接存在于 foo 的作用域內。那么既然 tmp 被鎖定在 bar 的閉包里，那么每次執行 bar 的時候，tmp 都會自增一次，所以第二次和第三次執行 bar 時，分別返回 17 和 18。

此示例中，x 僅僅是個純粹的數值，當 foo 被調用時，數值 x 就會作為參數被拷貝至 foo 內。

但是 JavaScript 處理對象的時候，使用的總是引用，如果用一個對象作為參數來調用 foo，那么 foo 中傳入的實際上是原始對象的引用，所以這個原始對象也相當于被閉包了，如下：

和期望的一樣，每次執行 bar(10) 時，不但 tmp 自增了，x.memb 也自增了，因為函數體內的 x 和函數體外的 age 引用的是同一個對象。

via http://stackoverflow.com/questions/111102/how-do-javascript-closures-work

補充：通過以上示例，應該能比較清楚的理解閉包了。如果覺得自己理解了，可以試著猜猜下面這段代碼的執行結果：

實際使用的時候，閉包可以創建出非常優雅的設計，允許對funarg上定義的多種計算方式進行定制。如下就是數組排序的例子，它接受一個排序條件函數作為參數：

同樣的例子還有，數組的map方法是根據函數中定義的條件將原數組映射到一個新的數組中：

使用函數式參數，可以很方便的實現一個搜索方法，并且可以支持無限制的搜索條件：

還有應用函數，比如常見的forEach方法，將函數應用到每個數組元素：

順便提下，函數對象的 apply 和 call方法，在函數式編程中也可以用作應用函數。 這里，我們將它們看作是應用函數 —— 應用到參數中的函數（在apply中是參數列表，在call中是獨立的參數）：

閉包還有另外一個非常重要的應用 —— 延遲調用：

還可以創建封裝的作用域來隱藏輔助對象：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com