var变量存在如下问题:
- var定义的变量没有块作用域;
- var定义的全局变量会自动添加全局window对象的属性;
- var定义的变量会提前装载。
<script type="text/javascript">
for (let i = 0; i < 10 ; i++)
{
console.log(i);
}
// 报错:Uncaught ReferenceError: i is not defined
console.log("循环之外:" + i);
</script>
可以发现i只在for循环中有效,但是如果把let改为var,则i变量的作用域将在循环体外。
示例(2)
<script type="text/javascript">
let name = 'yeeku';
console.log(name); // 输出yeeku
console.log(window.name); // window.name不存在
</script>
上面代码let定义的name不在任何函数内,因此是一个全局变量,但是与var不同的是,它不会变成window对象的属性,因此window.name不存在。
示例(3)
<script type="text/javascript">
var name = 'yeeku'
function func()
{
// 下面name变量不存在,因此程序导致错误
console.log(name);
let name = 'fkit';
console.log(name);
}
func();
</script>
程序先定义了一个全局变量name,然后在func()函数中用let定义了一个局部变量name,此时局部变量覆盖了全局变量,由于let定义的变量不会提前装载,因此func()函数在使用let定义局部变量name之前访问name就会报错。
如果将let变为var,则会先输出undefined,然后输出局部变量中的fkit值,如下图。
综上,对于支持let关键字的浏览器,应该先考虑用let代替var。