JavaScript执行上下文详解

偷偷努力，悄无声息地变强，然后惊艳所有人！哈哈，小伙伴们又来学习啦~今天我将给大家介绍《JavaScript执行上下文与词法环境解析》，这篇文章主要会讲到等等知识点，不知道大家对其都有多少了解，下面我们就一起来看一吧！当然，非常希望大家能多多评论，给出合理的建议，我们一起学习，一起进步！

执行上下文是JavaScript代码运行时的环境，分为全局、函数和eval三种，每个上下文经历创建和执行两个阶段，其中创建阶段初始化变量对象、作用域链和this指向；词法环境是执行上下文的一部分，由环境记录和对外部词法环境的引用组成，负责变量存储与作用域链查找；词法环境在函数定义时确定，支持闭包机制，使内层函数可访问外层变量。

理解JavaScript中的执行上下文和词法环境，关键在于搞清楚代码运行时的“环境”是如何创建和管理的。每当JavaScript引擎执行一段代码时，都会先建立一个执行上下文，它决定了变量查找、函数调用和this指向的规则。而词法环境是执行上下文的一部分，负责存储变量和函数声明，并支持作用域链机制。

执行上下文：代码运行的环境

执行上下文可以理解为代码执行时的“工作台”。JavaScript中存在三种类型的执行上下文：

• 全局执行上下文：代码首次运行时创建，只有一个。
• 函数执行上下文：每次调用函数时创建，可能有多个。
• eval执行上下文：在eval函数中运行代码时创建，通常不推荐使用。

每个执行上下文经历两个阶段：

• 创建阶段：设置变量对象（VO）、建立作用域链、确定this指向。
• 执行阶段：变量赋值、函数调用、代码逐行执行。

词法环境：变量与作用域的核心机制

词法环境是ES6规范中用来描述标识符如何与变量关联的结构。它由两部分组成：

• 环境记录（Environment Record）：记录当前作用域内的变量和函数声明。
• 对外部词法环境的引用：用于访问外层作用域的变量，形成作用域链。

词法环境在代码定义时就已经确定（即“词法作用域”），而不是运行时动态决定。例如：

在这里，inner函数的词法环境引用了outer函数的词法环境，因此可以沿着作用域链找到变量a。

词法环境与执行上下文的关系

在ES6规范中，每个执行上下文都包含一个词法环境组件，用于处理变量绑定。简单来说：

• 执行上下文是运行时的概念，代表代码执行的环境。
• 词法环境是执行上下文中负责变量存储和查找的具体结构。

当函数被调用时，会创建新的执行上下文，同时创建新的词法环境，并将外部词法环境的引用指向其外层函数或全局环境。

基本上就这些。掌握这两个概念，有助于理解闭包、变量提升和this指向等核心机制。不复杂但容易忽略的是，词法环境在函数定义时就已经确定，而不是调用时才决定。这个特性正是闭包能够访问外层变量的根本原因。

到这里，我们也就讲完了《JavaScript执行上下文详解》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！