暂时性死区（Temporal Dead Zone, TDZ）

暂时性死区（Temporal Dead Zone, TDZ）

暂时性死区（TDZ）是 JavaScript 中与 let 和 const 声明相关的一个概念，它描述了变量在声明之前不可访问的状态。

---

1. TDZ 的定义

• 在变量声明之前，该变量处于"暂时性死区" ，此时访问它会抛出 ReferenceError。
• 只有执行到声明语句时，变量才会脱离 TDZ，才能正常使用。

示例：

console.log(a); // ReferenceError: Cannot access 'a' before initialization
let a = 10;

这里，a 在 let a = 10 之前处于 TDZ，访问它会报错。

---

2. 为什么存在 TDZ？

• 避免 var 的变量提升（hoisting）问题 ：
  • var 会提升声明，但初始值为 undefined，可能导致逻辑错误。
  • let/const 也有提升，但在声明前不可访问（TDZ），使代码更安全。
• 强制开发者先声明后使用，减少潜在 bug。

var vs let 对比：

console.log(b); // undefined（var 提升，但未赋值）
var b = 10;

console.log(a); // ReferenceError（let 提升，但处于 TDZ）
let a = 10;

---

3. TDZ 的常见场景

（1）在块级作用域内：

if (true) {
  console.log(x); // ReferenceError
  let x = 5;
}

（2）在循环中：

for (let i = 0; i < 3; i++) {
  console.log(i); // 正常，每次迭代都会创建一个新的 `i` 绑定
}

（3）函数参数默认值（涉及 TDZ）：

function foo(a = b, b = 2) {
  console.log(a, b);
}
foo(); // ReferenceError: Cannot access 'b' before initialization

因为 a = b 中的 b 还未声明，处于 TDZ。

---

4. 如何避免 TDZ 错误？

• 始终先声明变量，再使用。
• 如果使用 let/const，确保在访问前已经声明。

---

总结

特性	var	let/const
提升（Hoisting）	是（初始值 undefined）	是（但处于 TDZ，访问报错）
暂时性死区（TDZ）	无	有
作用域	函数作用域	块级作用域

TDZ 是 JavaScript 为了保证 let/const 更安全而引入的机制，强制先声明后使用，避免意外行为。