什么是 ES6 中的时间死区？

在 ES6 中，时间死区（Temporal Dead Zone，简称 TDZ）是指在变量声明前访问变量会导致 ReferenceError 异常的行为。这是由于 ES6 引入了块级作用域和 let / const 关键字，使得变量在声明之前不可访问的特性。

TDZ 的原因

ES6 引入块级作用域后，变量不再在函数或全局作用域中声明，而是在其代码块内声明。同时，ES6 引入了 let 和 const 关键字，它们与 var 关键字的行为有所不同。var 声明的变量在变量声明之前访问时，其值为 undefined。然而，let 和 const 关键字声明的变量在变量声明前访问会导致 ReferenceError 异常，这是因为在声明前，变量处于 TDZ 中。

TDZ 的特性

TDZ 中的变量不能访问，也不能被赋值。只有当变量声明完成后，才可以被访问和赋值。

console.log(foo); // ReferenceError: foo is not defined

let foo = 'bar';

上面的示例中，变量 foo 在声明前被访问，因此在 TDZ 中，会抛出 ReferenceError 异常。

let foo = 'bar';

{
  console.log(foo); // 'bar'
  let foo = 'baz';
}

上面的示例中，foo 变量在代码块内被重新声明并赋值。在代码块内，foo 变量被访问时，访问的是代码块内的声明，而不是代码块外的声明。

TDZ 的应用场景

1. 防止变量声明提升的问题。在 ES5 中，变量声明会被提升到函数或全局作用域的顶层，容易在程序中引发问题。而在 ES6 中，let 和 const 关键字声明的变量不会在作用域顶层声明，避免了这种问题。

2. 强制对变量进行初始化。在 TDZ 中，变量无法访问，也无法被赋值，因此需要在变量声明时进行初始化。

3. 适用于闭包函数。在闭包函数中，使用 let 或 const 声明变量，确保其值不会在函数执行过程中被改变。注意，闭包函数中使用 var 声明变量时，可能会发生声明提升的问题。

总结

时间死区（Temporal Dead Zone）是 ES6 引入的特性，指的是在变量声明前访问变量会导致 ReferenceError 异常的行为。它是由 ES6 引入的块级作用域和 let / const 关键字导致的。在 TDZ 中，变量不能被访问，也不能被赋值，只有当变量声明完成后，才可以被访问和赋值。TDZ 的应用场景包括防止变量声明提升、强制对变量进行初始化和适用于闭包函数。