jsfor循環(huán)，為什么一定要加var定義i變量_javascript技巧

譬如下面。
代碼如下:
for(i=0;i<10;i++){//就不寫成: var i=0
　　　alert(i);
}

　　但是，這真的不是個好習(xí)慣，下面我就說說為什么寫Js的for循環(huán)一定要加var，否則會時不時給你帶來煩人難查的bug。
　　譬如現(xiàn)在我們要實現(xiàn)這樣的功能：輸出　　
　　10
　　20
　　30
　　40
　　50
　　60
　　70
　　80
　　90
　　100
　　通過下面code實現(xiàn)，WriteNumber從1到10循環(huán)，每次循環(huán)調(diào)用TenTimes方法返回10倍的索引值?！?
代碼如下:
輸出了10。大家可以用下面的代碼框運行測試。
</pre>輸出了10，不是我們所想要的。 <BR>　　分析：執(zhí)行WriteNumber時，其作用域內(nèi)并沒有找到聲明過的變量i，直接對i進行賦值，則隱式的將i聲明為全局變量，（對于函數(shù)內(nèi)部未聲明過的變量，如果給它賦值，會隱式的將它聲明為全局變量。） 循環(huán)開始，i=1，調(diào)TenTimes方法，發(fā)現(xiàn)TenTimes方法也沒有聲明過變量i ，所以TenTimes里的i就是全局變量i，就和WriteNumber的i成了同一個。 這時line9 alert出來的自然是1了。TenTimes循環(huán)了10次，使得全局的i變成了11，自然WriteNumber就不會執(zhí)行第2次循環(huán)操作了。 <BR>　　驗證：如果在WriteNumber();語句后加alert(i)，即取消line16的注釋，會發(fā)現(xiàn)alert出12（12=10+2個i++），證明了i此時為windows對象。 <BR>　　第二種情況，WriteNumber聲明了i變量，即line3: var i=1，TenTimes未聲明i變量，即line10: i=1。 <BR>　　運行結(jié)果：line9 alert(i)處報i未定義錯誤 ，因為WriteNumber有聲明過變量i，所以沒有成為全局的i，TenTimes執(zhí)行時又沒有聲明過i，所以報未定義。若注釋掉line9，</script></pre>輸出結(jié)果正確。因為當(dāng)TenTimes里運行到i=1時，隱式將i聲明是全局變量，不影響WriteNumber里的i。WriteNumber仍然會執(zhí)行10次循環(huán)。 <BR>　　驗證：如果在WriteNumber();語句后加alert(i)，即取消line16的注釋，會發(fā)現(xiàn)alert出11（11=10+TenTimes里的i++），證明了此時有windows.i。 <BR>　　第三種情況，WriteNumber沒有聲明i變量，即line3: i=1，TenTimes聲明了i變量，即line10: var i=1。 <BR>　　運行結(jié)果：彈出10個undefined。因為WriteNumber未聲明i，隱式將i聲明是全局變量，而TenTimes有聲明過變量i（補充一句，對于變量的聲明都是在預(yù)編譯中進行的），所以line9 alert(i)里的i不是windows.i，而是TenTimes聲明的變量i，此時當(dāng)然是undefined了。同時，發(fā)現(xiàn)</script></pre>輸出結(jié)果正確，因為TenTimes的i不會影響WriteNumber的全局i，WriteNumber仍然是執(zhí)行了10次循環(huán)。 <BR>　　第四種情況：WriteNumber和TenTimes均用var聲明了i。 <BR>　　運行結(jié)果：注釋掉line9，不說了，好習(xí)慣，結(jié)果當(dāng)然完美。 <BR>　 雖然第二、三種情況</script></pre>輸出結(jié)果是正確的，但是對i的使用很混亂，應(yīng)該算是運氣導(dǎo)致結(jié)果正確，因為剛好1個是window.i，一個是函數(shù)內(nèi)部的私有變量i，使得沒有沖突。 <BR>此文雖然講的是寫for循環(huán)為什么一定要加var，但其實講的是變量的作用域(或者說變量的生命周期)。理解之后，下面的2段code運行結(jié)果你應(yīng)該能準(zhǔn)確說出答案吧。 <BR><TEXTAREA id="runcode50562"> <script type="text/javascript"> var a = 1; function f() { alert(a); var a = 2; } f(); </ script>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
<script type="text/javascript"> var a = 1; function f() { a = 2; alert(a); } f(); alert(a); </ script>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
Ps：說道coding的好習(xí)慣，想起了這個：if(a==3) 應(yīng)該寫成if(3==a) 。因為我們常會把==寫成1個=，如果把變量寫在右邊時只寫了1個=，就會報編譯錯誤，這樣就能及時發(fā)現(xiàn)錯誤。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com