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时,就在上有一轮循环的基础上进行叠加。如下图所示: