理解javascript执行上下文前，需先了解javascript代码运行环境：浏览器和node.js。
JavaScript代码运行时，会先被浏览器或Node.js内置的JavaScript引擎（如Chrome的V8引擎、Firefox的SpiderMonkey引擎）处理。引擎将代码编译成机器码，再由计算机执行。 引擎采用解释和编译的结合方式，即即时（JIT）编译，提升效率和调试速度。
JIT编译的关键在于JavaScript的执行上下文。
JavaScript执行上下文
代码示例：
立即学习“Java免费学习笔记（深入）”；
var a = 1;function one() { console.log(a); function two() { console.log(b); var b = 2; function three(c) { console.log(a + b + c); } three(4); } two();}one();
输出：
1undefined7
two()函数中，b变量在声明前被访问，结果是undefined，这正是由执行上下文决定的。
JavaScript有两种执行上下文：全局执行上下文和函数执行上下文。两者都包含创建阶段和执行阶段。
全局执行上下文
创建阶段: 创建全局对象，为其赋值，创建变量对象，声明的变量初始化为undefined，函数存储为引用。执行阶段: 变量赋值，函数被调用执行。
函数执行上下文
创建阶段: 创建参数对象，为其赋值，创建变量对象，声明的变量初始化为undefined，函数存储为引用。执行阶段: 变量赋值，函数被调用执行。
嵌套函数的执行上下文
嵌套函数调用时，每个函数都创建自己的函数执行上下文，依次经历创建和执行阶段。
执行堆栈
JavaScript使用执行堆栈管理执行上下文，全局上下文先入栈，函数上下文后入栈，按后进先出的顺序执行。
let和const的作用域
使用let或const声明的变量，在创建阶段不进入变量对象，只在执行阶段声明和赋值。 以下代码会报错：
function two() { console.log(b); const b = 2;}two();
结论
本文阐述了JavaScript引擎的工作机制以及执行上下文的创建和执行阶段，解释了undefined的出现原因，并说明了let和const与变量对象的关系。 深入理解执行上下文对于编写高效、可维护的JavaScript代码至关重要。
以上就是JavaScript 执行上下文 – JS 代码如何在幕后运行的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1500371.html
微信扫一扫 
支付宝扫一扫 
