【JavaScript】(二)let变量与var变量

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_35768238/article/details/80333931

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。

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页