JS：说说暂时性死区？

前端设计诗

2024-06-15 152 阅读2分钟

answer

暂时性死区（Temporal Dead Zone，简称 TDZ）是指在代码块中，使用 let 或 const 声明变量时，从声明到变量实际可用之间的区域。在这个区域内，如果访问该变量，就会抛出 ReferenceError 错误。

主要特点和原因：

存在时机：
- 在代码块中使用 let 或 const 声明变量时，变量的声明会被提升（hoist），但是初始化不会被提升。
- 声明被提升意味着变量在代码块中被视为存在，但是直到实际声明的位置之前，变量不会被初始化和赋值。
访问触发错误：
- 在变量声明之前的区域内，如果尝试访问该变量，JavaScript 引擎会抛出 ReferenceError 错误，因为此时变量还没有被赋值。
原理解释：
- JavaScript 引擎在代码执行前会对 let 和 const 声明的变量进行词法分析，将变量的声明和初始化分成两个阶段处理。
- 在进入变量声明的代码块时，JavaScript 引擎会将变量标记为已声明（Declared），但是初始化的部分（Assigned）只有在实际声明的位置执行时才会完成。

示例说明：

console.log(myVar); // ReferenceError: Cannot access 'myVar' before initialization

let myVar = 10;

在上面的例子中，尝试在 myVar 声明之前访问它，会导致 ReferenceError。这是因为在声明之前的代码块中，myVar 被标记为已声明，但是直到实际声明的位置之前，它并没有被初始化。

总结：

暂时性死区是 JavaScript 引擎为了增强代码的健壮性而引入的特性，它确保变量在声明后才能安全地访问和使用，避免了由于变量提升而可能导致的意外行为和错误。因此，在使用 let 和 const 声明变量时，建议始终在使用之前进行声明和初始化，以避免暂时性死区引发的错误。