JavaScript执行上下文是什么，怎么创建？

编程并不是一个机械性的工作，而是需要有思考，有创新的工作，语法是固定的，但解决问题的思路则是依靠人的思维，这就需要我们坚持学习和更新自己的知识。今天golang学习网就整理分享《JavaScript执行上下文是什么，如何创建？》，文章讲解的知识点主要包括，如果你对文章方面的知识点感兴趣，就不要错过golang学习网，在这可以对大家的知识积累有所帮助，助力开发能力的提升。

JavaScript执行上下文是代码运行的环境容器，分全局、函数、eval三类，创建时经历“创建阶段”（建作用域链、变量对象、确定this）和“执行阶段”（赋值、初始化、执行语句），由执行上下文栈按LIFO管理。

JavaScript 的执行上下文（Execution Context）是代码运行时的“环境容器”，它决定了变量、函数、this 的可访问范围和行为。理解它，就等于看懂了 JS 为什么能“先用后声明”、为什么 this 有时指向意外的对象、为什么闭包能记住外层变量。

执行上下文的类型：全局、函数、eval（极少用）

JS 每次运行一段可执行代码，都会创建一个对应的执行上下文：

• 全局执行上下文：脚本启动时自动创建，只有一个。它确定了全局对象（浏览器中是 window）、this 指向全局对象、以及所有未在函数内声明的变量和函数的归属地。
• 函数执行上下文：每次调用函数时创建，每次调用都新建一个——哪怕递归调用，也会产生多个独立的上下文。它包含该次调用的参数、局部变量、词法作用域链，以及本次调用中 this 的值。
• eval 执行上下文：仅当使用 eval() 执行字符串代码时才可能创建，日常开发中几乎不涉及，可忽略。

执行上下文的创建分两阶段：创建阶段 & 执行阶段

每个上下文不是“一步到位”的，而是按严格顺序经历两个阶段：

• 创建阶段（进入函数但尚未执行语句）：
  • 建立作用域链（Scope Chain）：链接到父级上下文的变量对象，形成查找路径；
  • 创建变量对象（VO）：把函数参数、函数声明（function declaration）、变量声明（var）提升并初始化为 undefined；注意：let/const 也会被“声明提升”，但不会初始化，处于暂时性死区（TDZ），访问会报错；
  • 确定 this 值：根据调用方式决定（如普通调用 → 全局对象 / 严格模式下为 undefined；方法调用 → 点号左边的对象；new 调用 → 新建实例；箭头函数 → 继承外层 this）。
• 执行阶段（开始逐行运行代码）：
  • 给 var 变量赋实际值；
  • 执行 let/const 初始化（跳过 TDZ 后）；
  • 运行函数体内的表达式、语句；
  • this 和作用域链已固定，不再改变。

执行上下文栈（Call Stack）管理生命周期

JS 是单线程的，同一时间只处理一个上下文。引擎用一个后进先出（LIFO）的栈来管理它们：

• 全局上下文最先入栈，始终在栈底；
• 函数被调用 → 新的函数上下文被创建并压入栈顶；
• 函数返回或执行完毕 → 栈顶上下文弹出，控制权交还给下一层；
• 栈为空时，程序结束。

这个栈就是你调试时看到的 “Call Stack” 面板内容，也是错误堆栈信息的来源。

一个简单例子看全过程

考虑这段代码：

function foo(x) {
  var y = 2;
  let z = 3;
  console.log(x, y, z); // 1, 2, 3
}
foo(1);

执行过程简述：

• 全局上下文创建 → 进入执行阶段；
• 遇到 foo(1) → 创建 foo 的执行上下文（参数 x=1，VO 中有 x、y（undefined）、z（未初始化））→ 压入栈；
• 进入 foo 的执行阶段：y 赋值为 2，z 跳过 TDZ 后赋值为 3，console.log 正常输出；
• foo 执行完 → foo 上下文出栈，控制权回到全局上下文。

理论要掌握，实操不能落！以上关于《JavaScript执行上下文是什么，怎么创建？》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！