从经典面试题看var与let

for (var index = 0; index < 5; index++) {
  setTimeout(function (){
    console.log(index);//5
  }, 10)
}
console.log(index)// 5

这是个老生常谈的问题，但是今天我才明白过来实际是怎么回事。
使用ES6语法的话，修改如下

for (let index = 0; index < 5; index++) {
  setTimeout(function (){
    console.log(index);//0,1,2,3,4
  }, 10)
}
console.log(index)// ReferenceError: index is not defined

var是在全局范围有效，所以执行setTimeout里的函数时，先是在函数内部寻找 index 变量，没有找到，所以去外层找，找到！这时index已经执行完循环，所以值为5；
而let则是声明在for循环的内部的，每一次for循环，一个block上下文，每次for循环都建立如下block。

{
   let index = 0;
   setTimeout(function (){
     console.log(index);
   }, 10)
}

这也就解释了以下代码运行正常

for(const index of array)

那么，var的for循环里发生了什么呢？

var index;//变量提升
{
   index = 0;
   setTimeout(function (){
     console.log(index);
   }, 10)
}