【JavaScript】（二）let变量与var变量

var变量存在如下问题：

• var定义的变量没有块作用域；
• var定义的全局变量会自动添加全局window对象的属性；
• var定义的变量会提前装载。

示例（1）先看一个let定义的循环变量和结果如下：

<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。