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 简短右键菜单多浏览器兼容