一分鐘學習JavaScript系列 -- 閉包

keke 發(fā)布于2019-08-26 11:37 / 1486人閱讀

摘要：此時，中定義的局部變量就被保存在內(nèi)存中。所以當執(zhí)行的時候，其真正的作用域是運行時的作用域運行時作用域詞法作用域所以第一次調(diào)用時，由于是，所以返回而第二次返回是。因此在使用閉包時，需要非常注意內(nèi)存泄漏的問題。

說起閉包，相信寫前端的同學都知道，而且相信在實際的項目中或多或少都已經(jīng)用到了閉包。那到底什么才是閉包，閉包又是怎么產(chǎn)生的呢？

1. 什么是閉包
在阮老師的文章中提到：

閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。由于在Javascript語言中，只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量，因此可以把閉包簡單理解成"定義在一個函數(shù)內(nèi)部的函數(shù)"。

2. 閉包的作用
一個是可以讀取函數(shù)內(nèi)部的變量，另一個就是讓這些變量的值始終保持在內(nèi)存中。

3. 一個簡單的閉包實例

function count() {
    let num = 0;
    return function add() {
        return ++num;
    }
}
let a = count();
a();  //1
a();  //2

首先將count()的返回結(jié)果也就是count()函數(shù)里的返回的函數(shù)賦值給a。此時，count()中定義的局部變量num就被保存在內(nèi)存中。當?shù)谝淮握{(diào)用a()時，返回++num，即1；當?shù)诙握{(diào)用a()時，由于此時num是1，所以返回的結(jié)果是2

4. 產(chǎn)生閉包的原因
相信很多人對這個問題都很困惑，都會認為一個函數(shù)中，返回一個函數(shù)，這樣就形成了閉包。其實這僅僅是閉包產(chǎn)生的方法，而不是原因，下面將為大家解釋原因。
產(chǎn)生的主要原因是因為JavaScript是詞法作用域的，即在該函數(shù)定義時就已經(jīng)被賦予了一個作用域。然后在運行時，又會根據(jù)實際運行情況被賦予運行時的作用域。通過這兩個作用域一個JS函數(shù)才會被正確執(zhí)行。
以上例為例，在執(zhí)行count()的時候，該函數(shù)的作用域是

運行時作用域 num = 0
詞法作用域

當count()執(zhí)行時，返回add函數(shù)的時候，由于此時add處于定義狀態(tài)，故返回時生成的該函數(shù)的詞法作用域即為上述count()的作用域。所以當執(zhí)行a()的時候，其真正的作用域是

add運行時的作用域
count運行時作用域 num = 0
count詞法作用域

所以第一次調(diào)用add時，由于num是0，所以返回1；而第二次返回是2。

5. 總結(jié)
從上述的描述中，可以看出由于生成閉包的時候，外部函數(shù)的局部變量（運行時作用域）被內(nèi)部函數(shù)作為詞法作用域保存在內(nèi)存中，故當內(nèi)部函數(shù)被釋放之前，該塊內(nèi)存是不會被釋放的。因此在使用閉包時，需要非常注意內(nèi)存泄漏的問題。