什么是时间死区？

Question

我听说在初始化之前访问let 和const 值会导致ReferenceError，因为存在称为temporal dead zone的东西。

什么是时间死区，它与作用域和提升有什么关系，在什么情况下会遇到？

Answer 1

let 和const 与var 有两大区别：

1. 他们是block scoped。
2. 在声明之前访问var 会得到undefined 的结果；在声明之前访问let 或const 会抛出ReferenceError：

console.log(aVar); // undefined
console.log(aLet); // Causes ReferenceError: Cannot access 'aLet' before initialization

var aVar = 1;
let aLet = 2;

从这些示例中可以看出，let 声明（和 const，其工作方式相同）可能不是 hoisted，因为 aLet 在被赋值之前似乎并不存在。

但情况并非如此 — let 和 const 被提升（如 var、class 和 function），但在进入范围之间有一段时间并在无法访问的地方被声明。 这段时间是时间死区 (TDZ)。

TDZ 在aLet 被声明而不是分配时结束：

// console.log(aLet) // Would throw ReferenceError

let aLet;

console.log(aLet); // undefined
aLet = 10;
console.log(aLet); // 10

这个例子表明let被提升了：

let x = "outer value";

(function() {
  // Start TDZ for x.
  console.log(x);
  let x = "inner value"; // Declaration ends TDZ for x.
}());

信用：Temporal Dead Zone (TDZ) demystified.

在内部范围内访问x 仍会导致ReferenceError。如果let 没有被提升，它将记录outer value。

TDZ 是一件好事，因为它有助于突出错误——在声明之前访问一个值很少是有意的。

TDZ 也适用于默认函数参数。参数从左到右计算，每个参数都在 TDZ 中，直到它被分配：

// b is in TDZ until its value is assigned.
function testDefaults(a = b, b) { }

testDefaults(undefined, 1); // Throws ReferenceError because the evaluation of a reads b before it has been evaluated.

babel.js 转译器默认不启用 TDZ。打开“高合规”模式以在REPL 中使用它。提供 es6.spec.blockScoping 标志以将其与 CLI 一起使用或用作库。

推荐阅读：TDZ demystified和ES6 Let, Const and the “Temporal Dead Zone” (TDZ) in Depth。

Answer 2

吊装：
let,const,var都是吊装过程。
（这意味着它们会上升并在范围的顶部声明。）

初始化：

• var也经过初始化过程，得到undefined的初始值。
  
• 虽然let,const 没有抛出初始进程，所以它们的值仍然无法访问，尽管它们已经声明了。 什么把它们放在temporal dead zone

很快：

吊装过程：var，let，const
初始化过程： var

Answer 3

在 let 和 const 变量的情况下，基本上，Temporal Dead Zone 是一个区域

“在你的变量被声明之前”，

即你不能访问这些变量的值，它会抛出一个错误。

例如

let sum = a + 5;        //---------
//some other code       //         | ------>  this is TDZ for variable a
                        //         |
console.log(sum)        //---------
let a = 5;

上面的代码报错

当我们使用 var 变量 'a' 时，相同的代码不会出错，

例如

var sum = a;                            
console.log(sum)     //prints undefined
var a = 5;