0

0

如何理解javascript词法环境_它与执行上下文有何关系?

紅蓮之龍

紅蓮之龍

发布时间:2025-12-15 22:21:42

|

579人浏览过

|

来源于php中文网

原创

词法环境是javascript中定义时确定的抽象机制,由环境记录(存储变量绑定)和外部词法环境引用(构成作用域链)组成,用于变量查找;它被执行上下文持有,区分全局、函数、块级三种类型。

如何理解javascript词法环境_它与执行上下文有何关系?

词法环境是 JavaScript 中用来管理变量和函数声明的内部机制,它决定了变量在哪里可以被访问、值是什么。它不是运行时动态创建的“对象”,而是一种规范中的抽象概念,描述了标识符(比如变量名)和它们对应值之间的绑定关系。

词法环境包含什么?

每个词法环境由两部分组成:

  • 环境记录(Environment Record):真正存储变量、函数、参数等绑定的地方。分为声明式记录(如函数内)和对象式记录(如 with 语句)。
  • 外部词法环境引用(Outer Lexical Environment):指向其外层作用域的词法环境,形成链式结构——这就是“词法环境链”或“作用域链”的基础。

词法环境在哪儿产生?

它在代码**定义时**(也就是词法分析阶段)就已确定,和函数的书写位置直接相关,与调用位置无关。例如:

function outer() {
  const x = 10;
  function inner() {
    console.log(x); // 这里能访问 x,因为 inner 的词法环境的 outer 引用指向 outer 的词法环境
  }
  return inner;
}
const fn = outer();
fn(); // 输出 10 —— 尽管 outer 已执行完毕,inner 仍通过其词法环境链记住 x

这个例子体现的是闭包:inner 函数的词法环境保留了对 outer 词法环境的引用,所以能持续访问 x。

立即学习Java免费学习笔记(深入)”;

EasySite
EasySite

零代码AI网站开发工具

下载

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

执行上下文(Execution Context)是 JS 引擎执行一段代码时的运行时“容器”,它包含三个核心部分:

  • 变量对象(VO)或词法环境(LE)—— ES6 起主要用词法环境替代 VO
  • 作用域链(Scope Chain)—— 实际就是当前词法环境及其所有外部词法环境组成的链
  • this 值

换句话说:执行上下文持有并使用词法环境,词法环境是执行上下文里负责变量查找的核心组件。每当函数被调用,引擎会创建一个新的执行上下文,并基于该函数的定义位置初始化其词法环境(含正确的外部引用)。

全局、函数、块级词法环境的区别

不同代码结构会创建不同类型的词法环境:

  • 全局词法环境:最外层,outer 为 null;其环境记录既存全局变量(如 var 声明),也关联全局对象(如 window)。
  • 函数词法环境:每次函数调用新建;环境记录包含参数、arguments(非箭头函数)、函数内 let/const/var 声明;outer 指向函数定义时所在词法环境。
  • 块级词法环境:由 { } 块(如 if、for、let/const 声明所在的块)触发;只包含该块内 let/const 声明;outer 指向外层函数或全局词法环境。

注意:var 声明不创建新词法环境,而是绑定到最近的函数或全局词法环境的环境记录中。

基本上就这些。理解词法环境的关键是抓住“定义时决定、链式查找、静态可分析”这三点。它不像执行上下文那样随调用动态切换,而是像一张写死的作用域地图,被执行上下文拿来用。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

106

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

196

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

229

2025.12.24

c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

244

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

746

2024.03.01

if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

816

2023.08.22

mysql标识符无效错误怎么解决
mysql标识符无效错误怎么解决

mysql标识符无效错误的解决办法:1、检查标识符是否被其他表或数据库使用;2、检查标识符是否包含特殊字符;3、使用引号包裹标识符;4、使用反引号包裹标识符;5、检查MySQL的配置文件等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

195

2023.12.04

Python标识符有哪些
Python标识符有哪些

Python标识符有变量标识符、函数标识符、类标识符、模块标识符、下划线开头的标识符、双下划线开头、双下划线结尾的标识符、整型标识符、浮点型标识符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

304

2024.02.23

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

462

2026.02.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 5.2万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号