DEV Community
·
JavaScript执行上下文 – JS代码背后的运行机制
💡
原文英文，约1300词，阅读约需5分钟。
📝
内容提要
JavaScript代码在浏览器或Node.js中运行时，首先由JavaScript引擎编译为机器码。现代引擎采用即时编译（JIT）技术以提高执行速度。执行上下文分为全局和函数上下文，经历创建和执行阶段。执行上下文通过执行栈管理，let和const声明的变量在创建阶段未初始化，导致访问前未定义错误。
🎯
关键要点
- JavaScript代码可以在浏览器和Node.js环境中运行。
- JavaScript引擎将代码编译为机器码，使用即时编译（JIT）技术提高执行速度。
- JavaScript的执行上下文分为全局执行上下文和函数执行上下文。
- 执行上下文经历创建阶段和执行阶段。
- 全局执行上下文创建阶段创建全局对象、this对象和变量对象，变量初始化为undefined。
- 函数执行上下文在调用时创建，创建阶段也包括参数对象和变量对象的创建。
- 嵌套函数调用时，每个函数都有自己的执行上下文，分别经历创建和执行阶段。
- JavaScript使用执行栈管理执行上下文，先存储全局执行上下文，再存储函数执行上下文。
- 使用let和const声明的变量在创建阶段未初始化，导致访问前未定义错误。
❓
延伸问答
JavaScript的执行上下文是什么？
JavaScript的执行上下文是代码执行的环境，分为全局执行上下文和函数执行上下文，经历创建阶段和执行阶段。
JavaScript如何提高代码执行速度？
JavaScript通过即时编译（JIT）技术将代码编译为机器码，从而提高执行速度。
全局执行上下文的创建阶段包含哪些步骤？
全局执行上下文的创建阶段创建全局对象、this对象和变量对象，变量初始化为undefined。
函数执行上下文与全局执行上下文有什么不同？
函数执行上下文在调用时创建，包含参数对象和变量对象的创建，而全局执行上下文在代码运行时首次创建。
使用let和const声明的变量在执行上下文中如何处理？
使用let和const声明的变量在创建阶段未初始化，导致访问前未定义错误。
JavaScript是编译语言还是解释语言？
JavaScript最初被认为是解释语言，但现代引擎使用结合解释和编译的即时编译技术，使其更快。
➡️
