执行上下文是JavaScript代码运行的基础环境，分为全局、函数和eval三种类型；创建时经历创建和执行两阶段，涉及this绑定、词法环境与变量环境构建；函数调用时生成新上下文并入栈，形成调用栈，全局上下文在栈底，函数执行完后出栈，该机制支撑变量提升、作用域链与闭包等核心特性。
JavaScript 在执行代码时会创建执行上下文，用来管理代码的运行环境。每当函数被调用、全局代码开始执行或eval执行时，都会生成一个新的执行上下文。
执行上下文的类型JavaScript 中有三种执行上下文：全局执行上下文：默认的上下文，代码一启动就创建，只有一个。
函数执行上下文：每次调用函数时创建，可以有多个。
eval 执行上下文：在 eval 函数中运行代码时创建，通常不推荐使用。
执行上下文的创建过程执行上下文的创建分为两个阶段：**创建阶段**和**执行阶段**。我们重点关注创建阶段，它由 JavaScript 引擎自动完成。
创建阶段主要包括以下三步：
确定 this 的值（This Binding）
：全局上下文中，this指向全局对象（浏览器中是win dow）。
函数上下文中，this取决于函数的调用方式（如普通调用、作为方法、call/apply/bind 等）。
创建词法环境（Lexical Environment）
：用于存储函数声明、变量（let/const）、参数等。
包含一个环境记录（Environment Record），记录当前作用域内的绑定关系。
还包含对外部环境的引用（outer environment reference），实现作用域链。
创建变量环境（Variable Environment）
：也是一个词法环境，在 ES6 中主要用于处理 var 声明的变量。
var 声明会被提升（hoisted），初始化为 undefined。
一个简单的例子说明执行上下文的创建
看下面这段代码：
Comet AI 浏览器下载 Comet AI 浏览器，体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作，让 AI 成为你的浏览副驾，大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。
下载function foo(x) {var a = 1;let b = 2;function bar() {}}foo(10);当foo(10)被调用时，JavaScript 引擎会：创建一个新的函数执行上下文并推入调用栈。
在创建阶段：
设置 this 值（取决于调用方式，这里可能是 window 或 undefined）。
参数 x 被初始化为 10。
var 变量 a 被提升并初始化为 undefined，然后在执行阶段赋值为 1。
let 变量 b 在词法环境中被创建，但处于“暂时性死区”，直到执行到声明语句。
函数声明 bar 被完整地提升到词法环境中。
进入执行阶段，逐行执行代码，完成变量赋值等操作。
执行上下文栈（调用栈）
JavaScript 是单线程的，同一时间只能执行一个函数。所有执行上下文被组织在一个栈结构中：全局上下文始终在栈底。
每调用一个函数，其执行上下文被压入栈顶。
函数执行完毕后，上下文从栈中弹出。
基本上就这些。执行上下文是理解变量提升、作用域、闭包等核心概念的基础。虽然开发者不直接“创建”执行上下文，但了解它的机制有助于写出更可靠的代码。