js for循環，為什么一定要加var定義i變量

2024-09-06 12:45:35

字體：大中小

來源：轉載

供稿：網友

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

　　但是，這真的不是個好習慣，下面我就說說為什么寫Js的for循環一定要加var，否則會時不時給你帶來煩人難查的bug。
　　譬如現在我們要實現這樣的功能：輸出　　
　　10
　　20
　　30
　　40
　　50
　　60
　　70
　　80
　　90
　　100
　　通過下面code實現，WriteNumber從1到10循環，每次循環調用TenTimes方法返回10倍的索引值。　
代碼如下:
<script type="text/javascript">
function WriteNumber() {
for (i = 1; i <= 10; i++) {
document.write(TenTimes(i) + "<br/>")
}
}
function TenTimes(v) {
var result = 0;
alert(i);
for (i = 1; i <= 10; i++) {
result += v;
}
return result;
}
WriteNumber();
//alert(i)
</script>

　　你會發現最終只輸出了10。大家可以用下面的代碼框運行測試。

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
關于在WriteNumber和TenTimes方法里加不加var，就是說是否聲明索引變量i有4種情況：
　　第一種情況，WriteNumber和TenTimes各有1個for循環，2個循環里均沒有用var聲明i索引變量。
　　運行結果：會alert出1。結果只輸出了10，不是我們所想要的。
　　分析：執行WriteNumber時，其作用域內并沒有找到聲明過的變量i，直接對i進行賦值，則隱式的將i聲明為全局變量，（對于函數內部未聲明過的變量，如果給它賦值，會隱式的將它聲明為全局變量。）循環開始，i=1，調TenTimes方法，發現TenTimes方法也沒有聲明過變量i ，所以TenTimes里的i就是全局變量i，就和WriteNumber的i成了同一個。這時line9 alert出來的自然是1了。TenTimes循環了10次，使得全局的i變成了11，自然WriteNumber就不會執行第2次循環操作了。
　　驗證：如果在WriteNumber();語句后加alert(i)，即取消line16的注釋，會發現alert出12（12=10+2個i++），證明了i此時為windows對象。
　　第二種情況，WriteNumber聲明了i變量，即line3: var i=1，TenTimes未聲明i變量，即line10: i=1。
　　運行結果：line9 alert(i)處報i未定義錯誤，因為WriteNumber有聲明過變量i，所以沒有成為全局的i，TenTimes執行時又沒有聲明過i，所以報未定義。若注釋掉line9，輸出結果正確。因為當TenTimes里運行到i=1時，隱式將i聲明是全局變量，不影響WriteNumber里的i。WriteNumber仍然會執行10次循環。
　　驗證：如果在WriteNumber();語句后加alert(i)，即取消line16的注釋，會發現alert出11（11=10+TenTimes里的i++），證明了此時有windows.i。

上一篇：Whatever:hover 無需javascript讓IE支持豐富偽類

下一篇：jquery 簡短右鍵菜單多瀏覽器兼容