暂时性死区是JavaScript中与 let 和 const 声明相关的一个重要概念，它描述了在变量声明之前无法访问该变量的现象。

什么是暂时性死区？

暂时性死区 指的是从作用域开始到变量声明语句之间的区域。在这个区域内，虽然变量已经在词法环境中被创建，但在声明语句执行之前，变量是不可访问的，尝试访问会抛出 ReferenceError 错误。

代码示例与表现
console.log(x); // 错误：ReferenceError: Cannot access 'x' before initialization
let x = 10;

在这个例子中，从代码开始到 let x = 10 这一行之间就是 x 的暂时性死区。

暂时性死区的范围

暂时性死区不仅存在于变量声明之前，还包括以下情况：

// 全局作用域中的暂时性死区
{ 
  // 块级作用域中的暂时性死区开始
  console.log(a); // ReferenceError
  let a = 20;
}

// 函数参数中的暂时性死区
function example(a = b, b = 10) {
  // a的默认值引用了b，但此时b还在暂时性死区中
  console.log(a, b);
}
// 调用函数会报错：ReferenceError: Cannot access 'b' before initialization
与 var 的对比

var 声明的变量不存在暂时性死区，这是两者的重要区别：

console.log(y); // undefined（不会报错）
var y = 10;

var 声明的变量会发生变量提升，在声明前访问会得到 undefined 而不是报错。

为什么存在暂时性死区？

  1. 提高代码质量 ：防止在变量声明前使用变量，避免依赖变量提升带来的副作用。

  2. 增强代码可读性 ：使变量的使用更明确，必须先声明后使用。

  3. 帮助捕获错误 ：在开发阶段就能发现潜在问题，而不是在运行时出现难以预料的行为。

  4. 与其他语言保持一致 ：使JavaScript的变量声明行为更接近传统的块级作用域语言。

实际开发中的注意事项

  1. 在使用 let 和 const 声明变量时，确保先声明再使用。

  2. 在函数参数默认值中，避免引用尚未声明的其他参数。

  3. 理解暂时性死区有助于编写更可靠、更可预测的JavaScript代码。

通过遵循暂时性死区的规则，可以避免许多潜在的逻辑错误，提高代码的可维护性。