let和var初始化循环配合定时器使用时的区别

let 是 ES6 的新增命令，用法同 var， 但作用域不同。var 定义的变量会被提升，在整个函数作用域内都可以使用（在变量声明之前的代码也能够使用该变量，此时它的值是 undefined）。在函数作用域内只存在这一个变量。而 let 定义的变量是块级作用域，仅在代码块中有效，且不存在变量提升。{
var a = 1
let b = 1
}
a // 1
b // ReferenceError: a is not defined
函数作用域在其完成使命后，会被析构掉。但如果函数内部的变量仍被外部引用，函数的生命周期则会延续到引用变量的函数被析构。for 语句执行完后，定时器传入的匿名函数仍保持对变量 i 的引用，而此时 i 的值经过迭代后，变为了6，所以打印出来的值都是6。如果把 let 声明的变量提到外面，其结果和 var命令 是一样的：let j=1
for(; j<=5; j++){
setTimeout(function(){console.log(j)})
}
// 6 6 6 6 6
for(var i=1; i<=5; i++){
setTimeout(function(){console.log(i)})
}
// 6 6 6 6 6

重点在 for 循环机制上：在 for 三个语句中，第一个语句在循环代码块开始前执行，每次循环都会执行。由于 var 命令的变量提升机制，var 命令实际只会执行一次。而 let 命令不存在变量提升，所以每次循环都会执行一次，声明一个新变量（但初始化的值不一样）。for 的每次循环都是不同的块级作用域，而 let 声明的变量是块级作用域的，所以也不存在重复声明的问题。因为 JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算。 《ES6入门》· 阮一峰
因此，在第二个例子中，每个匿名函数实际上引用的都是一个新的变量：for(let i=1; i<=5; i++){
setTimeout(function(){console.log(i)})
}
// 1 2 3 4 5