var和let部分浅析

2024-09-01 22:08:01

ES6中新增了let命令，用于声明变量，但所声明的变量只在let命令的代码块内有效。

举个例子：

    var a = [];
    for(var i=0;i<10;i++){
        a[i] = function(){
            console.log(i);
        };
    }
    a[6]();//输出10

使用var声明的变量是全局变量，在全局范围内有效，全局只有一个变量i，每一次循环，变量i的值都会改变，循环结束后i的值变为10。所以a[n]（0=<n<=9）n等于多少，最后执行 console.log(i)都会输出10，因为结束后i的值为10。如下图所示：

    var b = [];
    for(let j=0;j<10;j++){   //j是用let声明的，当前的j只在本次循环中有效，相当于
    //每次都生成了一个新的j，但是js引擎会记住上一次j的值。
        b[j] = function(){   //因此运行b[6]()这个函数时，此时的j=6，故会输出6.
            console.log(j);
        }
    }
    b[6]();//输出6

变量的j是let声明的，当前的j只在本轮循环有效，所以每一次循环的变量j实际上都可以理解为一个新的变量，但是js引擎会记住上一次的值，初始化本轮的变量j时，就在上有一轮循环的基础上进行叠加。如下图所示：

最新文章

热门文章