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 新出的letconst关键字声明在这些语句中就能形成块级作用域。所以,我推荐使用let来声明变量,而不是var

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