資訊專欄INFORMATION COLUMN
摘要：分支分支以上代碼產(chǎn)生了一個表面上看起來會很詭異的問題，就是如果的分支情況下，有時候會導(dǎo)致外層的循環(huán)回頭，即明明最外層已經(jīng)循環(huán)到的最后一個了，跑完分支之后，外層循環(huán)又回頭執(zhí)行。
for (var i = 0; child && i < child.length; i++) {
var obj = child[i];
var kind = child[i].kind;
var deiveId = child[i].id;
if (kind == "4") {//分支1
// do sometjing
}else{//分支2
for(i in arr){
//do something
}
}
以上代碼產(chǎn)生了一個表面上看起來會很詭異的問題，就是如果kind！=4的分支2情況下，有時候會導(dǎo)致外層的for循環(huán)回頭，即：明明最外層已經(jīng)循環(huán)到child的最后一個了，跑完分支2之后，外層for循環(huán)又回頭執(zhí)行。
原因分析:
我想專業(yè)人士不像我這么渣的話會發(fā)現(xiàn)問題在變量i，此處i并不會成為塊級變量，而是函數(shù)級，分支2中的i變化會導(dǎo)致外層i變化，從而導(dǎo)致循環(huán)回頭。
js在ES6之前沒有塊級作用域，只分為全局作用域和函數(shù)級作用域，此處i為函數(shù)級作用域，而我們用它做循環(huán)索引的時候其實是想當(dāng)作塊級作用域使用。
解決辦法
想要達(dá)到塊級作用域效果可以使用ES6語法的let關(guān)鍵字實現(xiàn)：
