點選上方藍色字型【學習web前端】可【快速關注】

閉包（ closure）是 Javascript語言的一個難點，也是它的特色，很多高階應用都要依靠閉包實現。

閉包的特性

閉包有三個特性：

函式巢狀函式

函式內部可以引用外部的引數和變數

引數和變數不會被垃圾回收機制回收

閉包的定義及其優缺點

閉包 是指有權訪問另一個函式作用域中的變數的函式，建立閉包的最常見的方式就是在一個函式內建立另一個函式，通過另一個函式訪問這個函式的區域性變數

閉包的缺點就是常駐記憶體，會增大記憶體使用量，使用不當很容易造成記憶體洩露。

閉包是 javascript語言的一大特點，主要應用閉包場合主要是為了：設計私有的方法和變數。

一般函式執行完畢後，區域性活動物件就被銷燬，記憶體中僅僅儲存全域性作用域。但閉包的情況不同！

巢狀函式的閉包

請輸入圖片描述

閉包會使變數始終儲存在記憶體中，如果不當使用會增大記憶體消耗。

javascript的垃圾回收原理

（1）、在 javascript中，如果一個物件不再被引用，那麼這個物件就會被 GC回收；

（2）、如果兩個物件互相引用，而不再被第 3者所引用，那麼這兩個互相引用的物件也會被回收。

使用閉包的好處

那麼使用閉包有什麼好處呢？使用閉包的好處是：

1.希望一個變數長期駐紮在記憶體中2.避免全域性變數的汙染3.私有成員的存在

一、全域性變數的累加

請輸入圖片描述

二、區域性變數

請輸入圖片描述

那麼怎麼才能做到變數a既是區域性變數又可以累加呢？

三、區域性變數的累加

請輸入圖片描述

函式宣告與函式表示式

在js中我們可以通過關鍵字 function來宣告一個函式：

請輸入圖片描述

我們也可以通過一個"()"來將這個宣告變成一個表示式：

請輸入圖片描述

四、模組化程式碼，減少全域性變數的汙染

請輸入圖片描述

五、私有成員的存在

請輸入圖片描述

六.使用匿名函式實現累加

請輸入圖片描述

過度使用閉包會導致效能的下降。函式裡放匿名函式，則產生了閉包

七、在迴圈中直接找到對應元素的索引

請輸入圖片描述

八、使用閉包改寫上面程式碼

請輸入圖片描述

九.記憶體洩露問題

由於 IE的 js物件和 DOM物件使用不同的垃圾收集方法，因此閉包在 IE中會導致記憶體洩露問題，也就是無法銷燬駐留在記憶體中的元素

請輸入圖片描述

10.新增

很多初學者學了閉包後，可能也不懂到底在哪裡才有用到，甚至不懂閉包到底有啥用。 其實你寫的每一個js函式都是閉包，一個js函式的頂層作用域就是window物件，js的執行環境本身就是一個scope（瀏覽器的window/node的global），我們通常稱之為全域性作用域。每個函式，不論多深，都可以認為是全域性scope的子作用域，可以理解為閉包。

宣告 | 文章著作權歸作者所有，如有侵權，請聯絡小編刪除。