for循环中let和var的区别（JavaScript）

for (let i = 0; i < 5; i++) {  
    setTimeout(function() {
        console.log(i);
    }, 100);
}
// 输出 0,1,2,3,4

for (var i = 0; i < 5; i++) {  
    setTimeout(function() {
        console.log(i);
    }, 100);
}
//输出5个5

解析：

var声明：

由于var是函数级作用域，在非函数作用域下使用var关键字声明变量，声明的是全局变量。相当于把var i 拿出去先声明。

因为setTimeout是异步任务，同步任务for在执行栈中执行完毕后，执行栈才读取消息队列中的setTimeout再执行。（事件循环）

所以当for每次在执行栈中执行时，setTimeout都会进入消息队列等待。而setTimeout中的匿名回调函数引用了全局变量 i ，所以 i 在for循环结束之后且setTimeout执行完毕之前，依然留在内存中不会被销毁。

但是有一个问题，每一次for循环都会向消息队列中添加一个setTimeout，那么这个匿名回调函数为什么没有直接引用这个变量 i 呢 而是等for循环之后才输出5呢？因为 var声明的变量的作用域是函数级作用域，无法绑定当前for循环的块代码，也就无法直接作用于setTimeout中的匿名回调函数，只能通过作用域链查找方式引用。所以每一次for循环之后 console.log(i) 变量i 相当于还未声明。

当执行栈中的for执行完毕i = 5。执行栈读取消息队列中的5个setTimeout开始执行，执行到console.log(i)时，根据作用于链向上查找 找到 for作用域因为i还没有销毁所以 console.log(i) 输出 5个5

let声明

let 声明的变量是块级作用域，（每次执行for代码重新声明一个i 只不过初始值不一样而已）在for中声明就绑定到了for代码块，同时setTimeout中的匿名回调函数也会将每次for循环后i的值带入异步任务中，当for循环结束后 执行5个 setTimeout 就会输出0，1，2，3，4

菜鸡发布，有错请大佬指出，谢谢！