freeCodeCamp.org
·
JavaScript中的全局执行上下文和时间死区是如何工作的？
💡
原文英文，约2400词，阅读约需9分钟。
📝
内容提要
JavaScript的执行机制包括全局执行上下文（GEC），分为内存创建阶段和代码执行阶段。变量（var、let、const）在内存中分配空间，var初始化为undefined，而let和const处于时间死区（TDZ）。函数声明会提升，可以在声明前调用。理解这些概念有助于避免常见错误，编写更清晰的代码。
🎯
关键要点
- JavaScript的执行机制包括全局执行上下文（GEC），分为内存创建阶段和代码执行阶段。
- 在内存创建阶段，变量（var、let、const）分配空间，var初始化为undefined，而let和const处于时间死区（TDZ）。
- 函数声明会提升，可以在声明前调用。
- 内存创建阶段是准备时间，JavaScript引擎扫描代码并为所有变量和函数分配内存。
- 代码执行阶段是实际执行代码的过程，逐行运行代码。
- 提升（Hoisting）是JavaScript的默认行为，变量和函数声明在代码执行前被移动到内存中。
- let和const变量在内存中分配空间但未初始化，处于时间死区（TDZ）。
- 函数声明会完全提升，包括函数体，而函数表达式和箭头函数则遵循变量提升规则。
- 时间死区（TDZ）是指变量在内存中存在但未初始化的状态，防止在声明前访问。
- 理解JavaScript的执行机制有助于避免常见错误，编写更清晰的代码。
❓
延伸问答
JavaScript的全局执行上下文是什么？
全局执行上下文（GEC）是JavaScript执行的基础，创建时分为内存创建阶段和代码执行阶段。
内存创建阶段和代码执行阶段有什么区别？
内存创建阶段是为变量和函数分配内存，而代码执行阶段是逐行执行代码的过程。
什么是提升（Hoisting）？
提升是JavaScript的默认行为，变量和函数声明在代码执行前被移动到内存中。
时间死区（TDZ）是什么？
时间死区是指变量在内存中存在但未初始化的状态，防止在声明前访问。
let和const的提升行为有什么不同？
let和const都被提升，但在声明前处于时间死区，无法访问，而var则初始化为undefined。
函数声明和函数表达式的提升有什么区别？
函数声明会完全提升，包括函数体，而函数表达式只提升变量名，函数体在执行阶段才会赋值。
➡️
