第 4 卷
只有一个（浏览器中挂载在 window 对象，Node.js中挂载在 global 对象）。它的作用是初始化全局变量、全局函数，以及设置 this 指向全局对象。
- 函数执行上下文（Function Execution Context，FEC）：每当调用一个函数时，JavaScript引擎
会为该函数创建一个新的函数执行上下文，函数执行完毕后，该上下文会被销毁（除非被闭包引用）。每个函数可以多次调用，每次调用都会创建一个独立的函数执行上下文。
- Eval执行上下文：使用 eval() 函数执行代码时创建的执行上下文，由于 eval() 存在安全风险
和性能问题，实际开发中很少使用，通常不推荐。
（3）执行上下文的生命周期
执行上下文的生命周期分为两个阶段，与JS代码执行的两个阶段对应：
- 创建阶段：函数调用后、代码执行前，引擎会完成以下三件事：
- 确定 this 的指向（ this 绑定）；
◦ 创建变量对象（Variable Object，VO）/ 活动对象（Activation Object，AO）：初始化变量、
函数声明、参数等；
- 构建作用域链（Scope Chain）。
- 执行阶段：逐行执行代码，完成以下操作：
- 变量赋值、函数调用、表达式计算；
- 从变量对象/活动对象中读取或写入变量值；
- 处理异常等。
（4）执行上下文对JavaScript代码执行的影响
- 管理代码执行顺序：JavaScript引擎通过**执行上下文栈（Execution Context Stack，ECS，也叫
调用栈）**来管理执行上下文。全局执行上下文先入栈，每当调用函数时，新的函数执行上下文入栈并成为“当前执行上下文”；函数执行完毕后，其执行上下文出栈，控制权交还给上一个执行上
下文，确保代码按顺序执行。
Code block
1function a() { 2b();
3console.log("a函数执行");
4} 5function b() {
6console.log("b函数执行");
| 12 | // 3.调用b()，b函数执行上下文入栈（FEC-b），成为当前上下文 |
|---|---|
| 13 | // 4. b()执行完毕，FEC-b出栈 |
| 14 | // 5. a()执行完毕，FEC-a出栈 |
| 15 | // 6.程序结束，GEC出栈 |
- 决定变量的可访问性：执行上下文的作用域链决定了变量的查找路径，只有在当前上下文或上层上
下文的变量对象中存在的变量，才能被访问，否则抛出异常。
- 确定 this 的指向：在执行上下文创建阶段就完成了 this 绑定， this 的指向在创建阶段就已
确定（箭头函数除外，箭头函数的 this 继承自上层执行上下文），决定了函数执行时的上下文对象。
- 管理变量的生命周期：全局执行上下文的变量生命周期伴随程序运行，函数执行上下文的变量（未
被闭包引用）在函数执行完毕后随上下文销毁，被闭包引用的变量则会被持久化。
- JavaScript代码的执行过程是怎么样的？
JavaScript代码的执行是一个有序、分阶段、依赖执行上下文和调用栈的过程，核心分为全局执行和函数执行两部分，具体步骤如下：
（1）全局代码执行过程
- 初始化全局执行上下文（GEC）- 创建阶段
- 绑定全局 this 指向（浏览器： window；Node.js： global）；
◦ 创建全局变量对象（VO），初始化全局变量（ var 声明的变量设为 undefined）、全局函
数声明（完整函数体）、内置对象；
- 构建全局作用域链（仅包含全局变量对象）。
- 执行全局代码 - 执行阶段
- 逐行执行全局代码，完成全局变量的赋值操作；
- 若遇到函数调用，则触发函数执行上下文的创建和入栈；
◦ 若遇到 let / const 声明的变量（未被提升到全局顶部），则在其声明位置完成初始化（未
赋值前处于“暂时性死区”）。
- 全局代码执行完毕
◦ 全局执行上下文仍保留在调用栈中（直到页面关闭/进程退出），等待事件触发（如定时器、
DOM事件）再次执行代码。
◦ 绑定函数 this 指向（根据调用方式确定，如普通调用指向全局，对象方法调用指向对象
等）；
◦ 创建活动对象（AO），初始化函数参数（形参赋值为实参，未传递的形参设为
undefined）、 arguments 对象、函数内部变量（ var 声明设为 undefined）、函数内部函数声明；
- 构建函数作用域链（当前函数AO + 外层作用域的变量对象/AO + ... + 全局VO）。
- 执行函数代码 - 执行阶段
- 逐行执行函数内部代码，完成变量赋值、表达式计算；
- 若遇到嵌套函数调用，则重复上述函数执行步骤，新的函数执行上下文入栈；
- 变量查找时，按作用域链从当前AO向上查找。
- 函数代码执行完毕
- 若函数有返回值，则将返回值传递给调用者；
- 该函数执行上下文出栈并销毁（其AO也随之销毁，除非被闭包引用）；
- 控制权交还给上一个执行上下文。
（3）核心总结
JavaScript代码执行的核心逻辑是：先创建执行上下文（编译阶段），再执行代码（执行阶段）；全局上下文先入栈，函数调用时函数上下文入栈，执行完毕出栈；变量查找依赖作用域链， this 指向
在上下文创建阶段确定。
12. JavaScript在执行的过程中会产生AO、GO、VO、LE、VE、ER都是什
么对象？
这些对象都是JavaScript引擎在执行代码时创建的内部对象，用于存储执行上下文的相关信息，具体说明如下：
| 缩写 | 全称 | 中文名称 | 核心说明 |
|---|---|---|---|
| VO | Variable Object | 变量对象 | 1. 是执行上下文的 |
象，用于存储当前量、函数声明、参
<br>2. 仅在创建阶执行阶段会转换为
（AO）（函数上下
全站分卷索引 · 19 卷
- 1第 1 卷
- JavaScript 核心知识点全面解答
- （1）JavaScript引擎定义
- （2）常见JavaScript引擎
- ◦ 作用：负责将JavaScript源代码转换为抽象语法树（AST），同时进行语法校验。另外，V8还
- ◦ 作用：① 将AST转换为字节码；② 直接解释执行字节码，保证代码的快速启动；③ 收集代码执
- ◦ 作用：接收Ignition传递的热点代码字节码和统计信息，将字节码编译为高度优化的机器码，提
- ◦ 作用：自动管理内存，负责识别和回收JavaScript代码中不再使用的内存空间（无用对象），
- ◦ 作用：提供JavaScript的内置对象（如Object、Array、String）和内置方法（如
- ◦ 作用：管理执行上下文的创建、入栈、出栈，维护执行上下文栈（调用栈），负责变量提升、
- 5. 解释什么是变量提升？为什么JavaScript语言中存在变量提升这一机
- （1）变量提升（Hoisting）定义
- （2）变量提升存在的原因
- 2第 2 卷
- 3第 3 卷
- 4第 4 卷
- （3）执行上下文的生命周期
- ◦ 创建变量对象（Variable Object，VO）/ 活动对象（Activation Object，AO）：初始化变量、
- （4）执行上下文对JavaScript代码执行的影响
- （1）全局代码执行过程
- ◦ 创建全局变量对象（VO），初始化全局变量（ var 声明的变量设为 undefined）、全局函
- ◦ 若遇到 let / const 声明的变量（未被提升到全局顶部），则在其声明位置完成初始化（未
- ◦ 全局执行上下文仍保留在调用栈中（直到页面关闭/进程退出），等待事件触发（如定时器、
- ◦ 绑定函数 this 指向（根据调用方式确定，如普通调用指向全局，对象方法调用指向对象
- ◦ 创建活动对象（AO），初始化函数参数（形参赋值为实参，未传递的形参设为
- （3）核心总结
- 12. JavaScript在执行的过程中会产生AO、GO、VO、LE、VE、ER都是什
- 5第 5 卷
- 核心关联
- （1）原型（Prototype）概念
- ◦ 每一个JavaScript对象（除 null 和 undefined 外）都有一个内置的隐藏属性
- ◦ 这个属性是隐藏的，无法直接访问（早期浏览器提供 __proto__ 属性作为访问接口，ES6后
- ◦ 对象可以继承其原型对象上的所有属性和方法（当访问对象的某个属性/方法时，若对象自身没
- ◦ 每一个JavaScript函数（除箭头函数外）都有一个公开的 prototype 属性，该属性指向一个
- ◦ 当使用 new 关键字调用构造函数创建实例对象时，实例对象的 [[Prototype]]（隐式原
- ◦ 原型对象上通常会定义所有实例共享的属性和方法，避免每个实例都创建重复的方法，节省内
- 6第 6 卷
- ◦ 若没有原型机制，每个对象实例都需要单独定义其方法和共享属性，这会导致大量重复代码，
- ◦ 原型机制允许将所有实例共享的方法和属性定义在构造函数的 prototype（原型对象）上，
- ◦ 示例：所有 Person 实例共享 sayHello 方法，无需为每个实例创建独立的 sayHello 函
- ◦ JavaScript没有类（ES6的 class 是语法糖，底层仍基于原型），原型链是实现对象继承的唯
- ◦ 通过将一个对象的原型指向另一个对象，即可让前者继承后者的所有属性和方法；通过原型链
- ◦ 示例： Person.prototype 的原型指向 Object.prototype，因此 Person 实例继承
- ◦ 原型链是动态的：若在原型对象上新增属性或方法，所有继承该原型的实例对象（无论创建于
- ◦ 这种动态扩展能力让JavaScript对象更加灵活，可随时调整对象的行为，适应复杂的开发场
- ◦ 原型机制允许基于已有对象快速创建新对象（如 Object.create(proto)），无需定义复
- 15. 原型链的终点是什么，以及如何在代码中打印出一个对象的原型链直
- （1）原型链的终点
- （2）代码打印对象的原型链直至终点
- 7第 7 卷
- 8第 8 卷
- • 适用场景：函数的普通调用（独立调用，无任何上下文对象），如全局环境中调用函数、函数作为
- • 绑定规则： this 指向全局对象（浏览器： window；Node.js： global（模块顶层为
- • 特殊情况：严格模式（ use strict）下，默认绑定的 this 为 undefined，而非全局对
- • 示例：
- （2）隐式绑定（Implicit Binding）
- • 适用场景：函数作为对象的方法被调用（函数挂载在某个对象上，通过对象.函数() 的方式调
- • 示例：
- （3）显式绑定（Explicit Binding）
- • 核心方法：
- • 绑定规则： this 指向手动指定的 thisArg（若 thisArg 为 null / undefined，则触发
- • 示例：
- • 绑定规则： this 指向新创建的实例对象（构造函数执行时， this 绑定到即将返回的实例
- 9第 9 卷
- 10第 10 卷
- • 输出结果：
- 面试题7：绑定优先级（new > bind > 隐式）
- • 输出结果： 20（ new 绑定优先级高于 bind， this 指向新实例 p， p.a=20，而非
- 19. 'var'、'let'和'const'用于变量声明，它们之间有何区别？请从作用
- 域、提升(hoisting)、以及是否允许重新赋值和重新声明的角度，详细比
- （1）核心维度对比表
- （2）逐维度详细说明
- • var：仅支持函数作用域和全局作用域，无块级作用域。这意味着 var 声明的变量会穿透 if、
- • let/const：支持块级作用域、函数作用域和全局作用域。变量仅在其声明的 {} 块内可访问，块外
- • var：存在完整的变量提升。 var 声明的变量会被提升到其作用域的顶部，且初始值被设置为
- 11第 11 卷
- • let：允许重新赋值。与 var 一致，声明后的变量可以多次修改值，唯一区别是作用域和提升特
- • const：不允许重新赋值。 const 声明的是“常量”，一旦赋值，变量指向的内存地址不可修改
- • var：允许在同一作用域内重复声明同一个变量，后续声明会覆盖前面的声明（仅变量声明覆盖，
- • var：在全局作用域声明的变量会挂载到全局对象（浏览器 window、Node.js global）上，可
- • let/const：在全局作用域声明的变量不会挂载到全局对象上，仅在全局作用域可见，不污染全局对
- （3）使用场景建议
- 20. 解释JavaScript中的Proxy对象是什么以及它是如何工作的。它通常用
- （2）Proxy的工作原理
- ◦ target：目标对象（可以是任意类型的对象，如普通对象、数组、函数等），是代理的最终
- ◦ handler：拦截器对象，包含多个拦截方法（也叫“陷阱函数”），每个拦截方法对应一种
- ◦ 若需要将操作传递给目标对象，可以通过 Reflect API（ES6内置，用于执行对象的默认操
- 12第 12 卷
- 13第 13 卷
- 14第 14 卷
- 15第 15 卷
- 16第 16 卷
- • 优点：嵌套转线性，可读性大幅提升；错误处理统一，避免遗漏；支持并行/串行控制（如
- （3）方案3：Generator + Promise + 自动执行器
- • 缺点：需要依赖第三方自动执行器（如 co）；Generator函数理解成本较高；已被async/await替
- （4）方案4：async/await（最优方案）
- • 缺点：仅支持ES2017及以上环境，旧环境需通过Babel转译；本质基于Promise，需理解Promise
- （5）方案5：使用async库等第三方工具（早期方案）
- （1）Promise的定义
- • new Promise((resolve, reject) => {})：创建Promise实例，传入的执行器函数接收
- • promise.then(onFulfilled, onRejected)：注册状态改变后的回调函数，返回新的
- • promise.catch(onRejected)：专门注册失败回调，等价于 then(null,
- • Promise.all(iterable)、 Promise.race(iterable) 等：用于控制多个异步操作的并
- 17第 17 卷
- 18第 18 卷
- 19第 19 卷