javascript的let与var区别一瞥--阮一峰《ECMAScript 6入门》笔记

阮一峰的《ECMAScript 6入门》的《let和const命令》一节ES6 入门教程https://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时，就在上一轮循环的基础上进行计算。