什么是暂时性死区_它与let和const有什么关系

暂时性死区（TDZ）指块级作用域中从进入作用域到let/const声明执行前变量不可访问的状态；此时读写或typeof检测均抛出ReferenceError，且仅存在于含let/const的最小封闭块内。

暂时性死区（Temporal Dead Zone，简称 TDZ）指的是在块级作用域中，从进入该作用域开始、到 let 或 const 变量实际声明语句执行之前，这一段区域内变量不可访问的状态。只要代码块里用了 let 或 const，它声明的变量就从作用域顶部起被“绑定”，但还没初始化，此时任何读写操作都会触发 ReferenceError。

TDZ 是 let 和 const 的固有行为

var 声明的变量存在变量提升：声明和初始化一起被提升，未赋值时默认是 undefined；而 let 和 const 虽然也“声明提升”（即引擎知道变量存在），但初始化不提升——变量在声明语句执行前处于未初始化状态，这就形成了 TDZ。

• let 声明的变量在 TDZ 内访问会报错，比如 console.log(x); let x = 1;
• const 同样受 TDZ 约束，而且必须在声明时赋值，否则语法错误
• 即使用 typeof 检测 TDZ 中的变量，也会报错，不再是返回 "undefined"

TDZ 只存在于块级作用域内

它不是全局或函数作用域特有的概念，而是严格绑定在包含 let/const 的最小封闭块中（比如 {}、if、for 块等）。

• 外部作用域的同名变量不会影响块内 TDZ，块内变量完全屏蔽外部
• 嵌套块中，每个 let/const 都有自己的 TDZ 起始点（即各自块的开头）
• 例如：{ console.log(a); let a = 2; } 中，console.log 就落在 a 的 TDZ 内

为什么设计 TDZ？

这是 es6 主动引入的机制，目的很明确：

• 避免因变量提升导致的逻辑混乱和隐蔽 bug
• 强制开发者遵循“先声明、后使用”的清晰顺序
• 为 const 的不可变语义提供底层保障（不能让 const 在未赋值时被意外读取）

常见误操作示例

这些写法都会触发 TDZ 报错：

• console.log(foo); let foo = 'bar';
• typeof bar; const bar = 42;
• if (true) { console.log(baz); let baz = 10; }