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