分享js閉包

這篇文章主要講解了“分享js閉包”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“分享js閉包”吧！

## 閉包

閉包是一個能讀取其他函數內部變量的函數：

1. 閉包是一個函數

2. 這個函數能讀取到其他函數內部的變量（局部變量）

3. 他能讓讀取到的變量始終保存在內存中

## 閉包的缺陷：

閉包函數讀取到的變量會一直保存在內存中，不做處理地盲目使用很容易有內存泄漏（內存未釋放或無法釋放所造成的內存浪費，導致程序運行速度減慢）的風險

## 案例

說了一堆，來點干貨

這個是從網上看到的一個案例

```

function fun(n,o){

  console.log(o);

  return {

    fun: function(m){

      return fun(m,n);

    }

  };

}

var a = fun(0);  // ?

a.fun(1);        // ?        

a.fun(2);        // ?

a.fun(3);        // ?

var b = fun(0).fun(1).fun(2).fun(3);  // ?

var c = fun(0).fun(1);  // ?

c.fun(2);        // ?

c.fun(3);

```

當時我把代碼粘過來，邊看程序邊分析，把每一塊分析的過程都寫了下來

```

function fun(n, o) {

    console.log(o);

    return { // 這里返回一個對象，對象有個fun函數

        fun: function (m) { // 函數返回 調用fun 函數的返回值

            return fun(m, n);

        }

    };

}

var a = fun(0);  // ? 傳參時只傳了，所以n是，o為 undefined；a即為fun返回的對象

// a.fun() 就是閉包函數，var a = fun(0)中的 n=0，o=undefined 都會常駐在內存中

a.fun(1);        // ? 重新調用fun(n, 0)，m = 1，n = 0，console.log(o)，結果為

a.fun(2);        // ? 0

a.fun(3);        // ? 0

var b = fun(0).fun(1).fun(2).fun(3);  // ?  0 1 2

// 1. fun(0)為對象，此時的n = 0，o = undefined，輸出 undefined

// 2. 然后調用對象的fun(m)，m = 1，返回值為調用外部fun(n, o)的返回值，n = 1， o = 0 而這個返回值又是一個對象，輸出

// 3. 然后又調用對象的fun(m)，m = 2，返回值為調用外部fun(n, o)的返回值，n = 2， o = 1 而這個返回值又是一個對象，輸出1

// 4. 然后又調用對象的fun(m)，m = 3，返回值為調用外部fun(n, o)的返回值，n = 3， o = 2 而這個返回值又是一個對象，輸出2

// 這里指的注意的是每次的n和o的值都不一樣，是因為他們分別在不同的函數作用域內，這里每次都調用了一個新的fun()，開辟了一塊新空間

var c = fun(0).fun(1);  // ? undefined，

// 而這里兩次的結果都是1，因為他們都是通過c這個對象調用的，就是說因為他們都在同一個函數作用域內

c.fun(2);        // ?  1

c.fun(3);        // ?  1

```

分析的過程簡直是一場頭腦風暴，稍不留神就會跑偏，總算寫完之后趕緊去對照他的答案（當時并沒有跑一遍程序），結果發現`var b = fun(0).fun(1).fun(2).fun(3);`這里答案不一樣，他給的答案是`undefined, 0, 0, 0`，而我得到的結果是`undefined, 0, 1, 2`，我就又回頭看了一遍，覺得自己分析的沒問題啊，這時候突然想到我還沒跑一遍試試，于是抓緊跑一波，結果果然是站在我這邊的。

感謝各位的閱讀，以上就是“分享js閉包”的內容了，經過本文的學習后，相信大家對分享js閉包這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！