说说你对JS中暂性死区的理解，它有什么运用场景？

在 JavaScript 中，暂存死区 (Temporal Dead Zone，TDZ) 是指在代码块中，变量在声明之前无法被访问的一段区域。它发生在使用 let 和 const 声明变量时，从块的开始到变量声明语句之间的区域。var 声明的变量不存在 TDZ。

理解 TDZ 的核心在于 JavaScript 的变量提升和初始化阶段:

变量提升 (Hoisting): 使用 var 声明的变量会被提升到作用域的顶部，并初始化为 undefined。而使用 let 和 const 声明的变量也会被提升，但不会被初始化。它们处于一种“未初始化”的状态。
初始化: let 和 const 变量的初始化发生在代码执行到声明语句时。在初始化之前，访问这些变量就会导致 ReferenceError，这就是 TDZ。

示例:

function example() {
  console.log(x); // ReferenceError: Cannot access 'x' before initialization
  let x = 10;
  console.log(x); // 10

  console.log(y); // undefined
  var y = 20;
  console.log(y); // 20
}

example();

TDZ 的运用场景:

虽然 TDZ 看起来像是一个限制，但它实际上有助于编写更清晰、更可预测的代码：

避免意外使用未初始化的变量: TDZ 能够防止在变量声明之前意外使用它，从而避免一些难以调试的错误。例如，在循环中使用 let 声明计数器，可以避免计数器在循环外部被意外访问或修改。
更早发现错误: TDZ 可以帮助开发者在开发早期就发现代码中的错误，而不是等到运行时才发现。
促进块级作用域的使用: TDZ 鼓励开发者使用块级作用域，从而提高代码的可读性和可维护性。
类中属性的初始化顺序: 在类中，TDZ 确保了属性在构造函数中被正确初始化。尝试在构造函数中调用 super() 之前访问 this 上的属性会导致错误，因为这些属性尚未初始化。

class MyClass {
  constructor(value) {
    // console.log(this.myProp); // ReferenceError: Cannot access 'myProp' before initialization
    this.myProp = value;
    console.log(this.myProp); // 正确输出 value
  }
}