一提完、第一次碰到閉包
在FreeCodeCamp做題偷遗，碰到講 let 和 var 不同的代碼衷咽。
var printNumTwo;
for(let i = 0; i < 3; i++){
if ( i === 2 ) {
printNumTwo = function(){
return i;
};
}
}
console.log(printNumTwo());
// 2
疑惑點(diǎn)：let 聲明的 i 的作用域不是只在for循環(huán)內(nèi)嗎，為什么console.log時(shí)printNum還能輸出 2 号阿？趁猴？杨伙？
然后就偶遇閉包了淘衙。
二、什么是閉包
閉包的簡(jiǎn)單理解
網(wǎng)上講的都很長(zhǎng)剔桨，試著短短地描述一下
function a(){
let i = 0;
return function b(){
console.log(i++);
};
}
let c1 = a(); // c 這時(shí)候等于 function b(){console.log(i++);}
c1(); // 輸出 0
c1(); // 輸出 1
//c1和c2的地址（父地址）不同屉更，各自初始化了不同i
//所以c1內(nèi)累加得到的 i 值和c2內(nèi)的 i 沒(méi)關(guān)系
let c2 = a();
c2(); // 輸出 0
c2(); // 輸出 1
看完這段，再理解以下的話：
由于內(nèi)部函數(shù)b被返回給其它變量c（被c引用）洒缀，a函數(shù)使用完后不會(huì)被回收瑰谜。（內(nèi)部變量依然保持狀態(tài)）
內(nèi)部函數(shù)能訪問(wèn)它所在外部函數(shù)（父地址）的變量的最新值。
三帝洪、閉包的作用
①解決JS沒(méi)有私有變量的問(wèn)題似舵，如“二、什么是閉包”中的例子葱峡，a函數(shù)內(nèi)的變量 i 只能通過(guò)內(nèi)部函數(shù) b 來(lái)訪問(wèn)；
②在內(nèi)存中維持一個(gè)常量龙助，如前例砰奕，結(jié)合①可以用作外人無(wú)法亂改動(dòng)的計(jì)數(shù)器。
四提鸟、回到問(wèn)題一
var printNumTwo;
for(let i = 0; i < 3; i++){
if ( i === 2 ) {
printNumTwo = function(){
return i;
};
}
}
console.log(printNumTwo());
// 2
閉包回答了為什么let 聲明的 i 在作用域外可以被printNumTwo讀到值
但沒(méi)有回答為什么輸出的值是2军援，而var聲明的 i 的輸出值是3.
var printNumTwo;
for(var i = 0; i < 3; i++){
if ( i === 2 ) {
printNumTwo = function(){
return i;
};
}
}
console.log(printNumTwo());
// 3
這就要用作用域來(lái)解釋（很基礎(chǔ)的知識(shí)）
——var聲明的 i 作用域是全局作用域，當(dāng)代碼執(zhí)行到“
console.log(printNumTwo()); ”時(shí)称勋，for循環(huán)體已經(jīng)跑完了胸哥，i 的最后值是3。這時(shí)候我們通過(guò)printNumTwo函數(shù)去讀取 i 的最新值赡鲜，得到的就是3空厌。
——let聲明的 i 作用域比較特別了
對(duì)于for循環(huán)體
for(var i = 0; i < 3; i++) 是一個(gè)父作用域
每一遍循環(huán){ } 分別是一個(gè)子作用域。
在例子中银酬，一共有三次循環(huán)嘲更，就生成了三個(gè)子作用域。（下一個(gè)子作用域會(huì)根據(jù)父作用域的 i 值推得本次的 i 值）
我們的
printNumTwo = function(){
return i;
};
中的 i 就是和 i 值為 2 的子作用域綁定揩瞪，所以輸出為 2 赋朦。
以下是一種近似等價(jià)關(guān)系
for(let i = 0; i < 3; i++){ //do something }
//近似等價(jià)于
{
let i = 0;
{ // 使用花括號(hào)創(chuàng)建塊級(jí)作用域
let i = i;
//do something
}
i++;
{
let i = i;
//do something
}
i++;
{
let i = i;
//do something
}
i++;
}
再來(lái)看看變量為指針的情況
var printNumTwo;
for(let obj = { i : 0 }; obj.i < 3; obj.i++){
if(obj.i === 2){
printNumTwo=function(){
return obj.i;
};
}
}
console.log(printNumTwo());
//3
咦，obj不是用let聲明的嗎，怎么輸出值不是2俺韬濉壹将？
這里就是常量和指針的不同，obj是一個(gè)指針毛嫉，存放的是某處內(nèi)存地址（這個(gè)內(nèi)存地址里面有 i ）瞭恰。而每次生成新的 obj 子作用域，都是同一個(gè) obj 指針值（因?yàn)槲覀儧](méi)有去改變它）狱庇，實(shí)際修改的是 i （因?yàn)槲覀兺ㄟ^(guò)指針對(duì) i 進(jìn)行 ++ 了）惊畏。
最后printNumTwo函數(shù)綁定的是第二個(gè)子作用域中的 obj ，但是它和其它子作用域中的 obj 值一樣密任，指向同一塊內(nèi)存地址颜启，我們最終讀到的是被修改成 3 的 i 。
感謝學(xué)長(zhǎng)們對(duì)菜雞的悉心指點(diǎn)浪讳。o(╥﹏╥)o
如有錯(cuò)處缰盏，還望指出。
