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