這篇文章主要講解了“分享js閉包”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“分享js閉包”吧！
## 閉包
閉包是一個(gè)能讀取其他函數(shù)內(nèi)部變量的函數(shù)：
1. 閉包是一個(gè)函數(shù)
2. 這個(gè)函數(shù)能讀取到其他函數(shù)內(nèi)部的變量（局部變量）
3. 他能讓讀取到的變量始終保存在內(nèi)存中
## 閉包的缺陷：
閉包函數(shù)讀取到的變量會(huì)一直保存在內(nèi)存中，不做處理地盲目使用很容易有內(nèi)存泄漏（內(nèi)存未釋放或無(wú)法釋放所造成的內(nèi)存浪費(fèi)，導(dǎo)致程序運(yùn)行速度減慢）的風(fēng)險(xiǎn)
## 案例
說(shuō)了一堆，來(lái)點(diǎn)干貨
這個(gè)是從網(wǎng)上看到的一個(gè)案例
```
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);
```
當(dāng)時(shí)我把代碼粘過(guò)來(lái)，邊看程序邊分析，把每一塊分析的過(guò)程都寫了下來(lái)
```
function fun(n, o) {
console.log(o);
return { // 這里返回一個(gè)對(duì)象，對(duì)象有個(gè)fun函數(shù)
fun: function (m) { // 函數(shù)返回 調(diào)用fun 函數(shù)的返回值
return fun(m, n);
}
};
}
var a = fun(0); // ? 傳參時(shí)只傳了，所以n是，o為 undefined；a即為fun返回的對(duì)象
// a.fun() 就是閉包函數(shù)，var a = fun(0)中的 n=0，o=undefined 都會(huì)常駐在內(nèi)存中
a.fun(1); // ? 重新調(diào)用fun(n, 0)，m = 1，n = 0，console.log(o)，結(jié)果為
a.fun(2); // ? 0
a.fun(3); // ? 0
var b = fun(0).fun(1).fun(2).fun(3); // ? 0 1 2
// 1. fun(0)為對(duì)象，此時(shí)的n = 0，o = undefined，輸出 undefined
// 2. 然后調(diào)用對(duì)象的fun(m)，m = 1，返回值為調(diào)用外部fun(n, o)的返回值，n = 1， o = 0 而這個(gè)返回值又是一個(gè)對(duì)象，輸出
// 3. 然后又調(diào)用對(duì)象的fun(m)，m = 2，返回值為調(diào)用外部fun(n, o)的返回值，n = 2， o = 1 而這個(gè)返回值又是一個(gè)對(duì)象，輸出1
// 4. 然后又調(diào)用對(duì)象的fun(m)，m = 3，返回值為調(diào)用外部fun(n, o)的返回值，n = 3， o = 2 而這個(gè)返回值又是一個(gè)對(duì)象，輸出2
// 這里指的注意的是每次的n和o的值都不一樣，是因?yàn)樗麄兎謩e在不同的函數(shù)作用域內(nèi)，這里每次都調(diào)用了一個(gè)新的fun()，開(kāi)辟了一塊新空間
var c = fun(0).fun(1); // ? undefined，
// 而這里兩次的結(jié)果都是1，因?yàn)樗麄兌际峭ㄟ^(guò)c這個(gè)對(duì)象調(diào)用的，就是說(shuō)因?yàn)樗麄兌荚谕粋€(gè)函數(shù)作用域內(nèi)
c.fun(2); // ? 1
c.fun(3); // ? 1
```
分析的過(guò)程簡(jiǎn)直是一場(chǎng)頭腦風(fēng)暴，稍不留神就會(huì)跑偏，總算寫完之后趕緊去對(duì)照他的答案（當(dāng)時(shí)并沒(méi)有跑一遍程序），結(jié)果發(fā)現(xiàn)`var b = fun(0).fun(1).fun(2).fun(3);`這里答案不一樣，他給的答案是`undefined, 0, 0, 0`，而我得到的結(jié)果是`undefined, 0, 1, 2`，我就又回頭看了一遍，覺(jué)得自己分析的沒(méi)問(wèn)題啊，這時(shí)候突然想到我還沒(méi)跑一遍試試，于是抓緊跑一波，結(jié)果果然是站在我這邊的。
感謝各位的閱讀，以上就是“分享js閉包”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)分享js閉包這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！
重慶分公司
重慶分公司
