阮一峰的《ECMAScript 6入门》的《let和const命令》一节ES6 入门教程icon-default.png?t=LBL2https://es6.ruanyifeng.com/#docs/let介绍了一个例子,区分var与let的作用

var是全局变量,而let是局部变量,只在{}的范围内有效。

看下面的例子

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

a[6]();//输出10

为什么呢?因为i是全局变量,即使for循环结束了,i仍然存在。那么调用a[6]()函数时,console.log输出的就是10.

现在把i的声明从var改为let

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

a[6]();//输出6

引用阮一峰著作的描述:

变量i是let声明的,当前的i只在本轮循环有效,所以每一次循环的i其实都是一个新的变量,所以最后输出的是6。你可能会问,如果每一轮循环的变量i都是重新声明的,那它怎么知道上一轮循环的值,从而计算出本轮循环的值?这是因为 JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。

更多推荐