let 和 var 的区别

var 关键字

在块级作用域中使用var声明变量，外面同级的块级作用域也可以访问。if、switch、for 等语句的作用域都没有块级作用域，所以说，在这些语句中声明的变量都能被外界访问，这是非常不安全的。

function f() {
  if (true) { var x = 10; }
  console.log(x); // => 10
}

在 if 语句中通过var定义的变量，能够被外界访问。然而，在 Java 中是不允许的：

而 JavaScript 只有函数才能创建一个块级作用域，也可以用IIFE函数来创建一个块级作用域。

function f() {
  (function () { if (true) { var x = 10; } })();
  console.log(x); // => Uncaught ReferenceError: x is not defined
}

用IIFE函数创建块级作用域，if 语句在里面声明变量，在第 3 行中使用变量 x，报错了。

let 关键字

控制语句、条件语句的作用域不是块级作用域，所以var声明的变量可以穿透，导致变量冲突容易发生。ES6 新出的let和const关键字声明在这些语句中就能形成块级作用域。所以，我推荐使用let来声明变量，而不是var。

function fun() {
  for (let i = 10; i > 0; i--) {}
  console.log(i); // => Uncaught ReferenceError: i is not defined
}