JavaScript - let和var区别

前提

ES5只有函数作用域和全局作用域，var属于ES5。let属于ES6，新增块级作用域。目的是可以写更安全的代码。

The let statement declares a block scope local variable, optionally initializing it to a value. - MDN

区别

1. let声明的变量绑定到最近的块级作用域（用{}括起来的）。var绑定到最近的函数作用域或者全局作用域(例如浏览器是window，node是global)。 - stackoverflow
2. let和var都存在变量提升(hoisting)。但let在声明之前不能访问这个变量(暂时性死区) - 参考1 参考2 参考3

例子1，for loop中的var

for (var i = 0; i < 10; i++) {
  setTimeout(function() {  // 同步注册回调函数到异步的任务队列。
    console.log(i);        // 执行这里时，同步代码for循环已经执行完成。
  }, 0);
}

//输出10个10

第一点，var声明的变量绑定到全局作用域，例如浏览器的window对象。第二点，for是同步代码，setTimeout是回调函数(异步编程的一种)。

所以当执行异步队列中的setTimeout里面的console.log执行时，for循环已经完成了，i的值为10，可以用window.i或者global.i查看。

例子2，for loop中的let

for (let i = 0; i < 10; i++) {
  setTimeout(function() {
    console.log(i);
  }, 0);
}

// 输出0 1 2 3 4 5 6 7 8 9，符合常理

因为let声明的变量把i绑定到for循环的块级作用域。

例子3，let和var都存在变量提升，只是let不能在声明前调用

拓展延伸 TS；DR: Too short don't read.