变量可见吗？

下面这段代码的结果会是什么？

          let x = 1;

function func() {
  console.log(x); // ?

  let x = 2;
}

func();
        

P.S. 这个任务有一个陷阱。解决方案并不明显。

答案：error。

你运行一下试试：

let x = 1;

function func() {
  console.log(x); // ReferenceError: Cannot access 'x' before initialization
  let x = 2;
}

func();

在这个例子中，我们可以观察到“不存在”的变量和“未初始化”的变量之间的特殊差异。

你可能已经在变量作用域，闭包中学过了，从程序执行进入代码块（或函数）的那一刻起，变量就开始进入“未初始化”状态。它一直保持未初始化状态，直至程序执行到相应的 let 语句。

换句话说，一个变量从技术的角度来讲是存在的，但是在 let 之前还不能使用。

下面的这段代码证实了这一点。

          function func() {
  // 引擎从函数开始就知道局部变量 x，
  // 但是变量 x 一直处于“未初始化”（无法使用）的状态，直到结束 let（“死区”）
  // 因此答案是 error

  console.log(x); // ReferenceError: Cannot access 'x' before initialization

  let x = 2;
}
        

变量暂时无法使用的区域（从代码块的开始到 let）有时被称为“死区”。