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）的栈来管理它们：
立即学习“Java免费学习笔记（深入）”；
- 全局上下文最先入栈，始终在栈底；
- 函数被调用 → 新的函数上下文被创建并压入栈顶；
- 函数返回或执行完毕 → 栈顶上下文弹出，控制权交还给下一层；
- 栈为空时，程序结束。
这个栈就是你调试时看到的 “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 上下文出栈，控制权回到全局上下文。
