【前端知识之JS】JS中执行上下文和执行栈是什么

前言

本系列主要整理前端面试中需要掌握的知识点。本节介绍JS中执行上下文和执行栈是什么。

---

一、执行上下文

执行上下文是JS代码执行环境的抽象概念，也就是说只要有JS代码运行，那么他就一定是运行再执行上下文中的。
执行上下文的类型分为三种：

• 全局执行上下文：只有一个，浏览器中的全局对象就是window对象，this指向这个全局对象；
• 函数执行上下文：存在无数个，只有在函数被调用的时候才会被创建，每次调用函数都会创建一个新的执行上下文；
• Eval 函数执行上下文：指的是运行在eval函数中的代码，很少用而且不建议使用。

二、生命周期

执行上下文的生命周期包括三个阶段：创建阶段 ——> 执行阶段 ——> 回收阶段。

1. 创建阶段

• 确定this的值，也被称为This Binding；
• LexicalEnvironment（词法环境）组件被创建；
• VariableEnvironment（变量环境）组件被创建。

2. 执行阶段

在这阶段，执行变量赋值、代码执行。如果JS引擎在源代码中声明的实际位置找不到变量的值，那么将其分配undefined值。

3. 回收阶段

执行上下文出栈等待虚拟机回收执行上下文。