讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript作用域链如何理解_变量怎么查找【教程】

梦杰吖_7051

梦杰吖_7051

发布时间:2026-01-19 20:24:46

|

253人浏览过

|

来源于php中文网

原创

作用域链是函数定义时确定的静态嵌套路径,按[[Environment]]逐层向上查找变量:先当前LexicalEnvironment,再outer指向的外层环境,直至全局;this和eval不参与该链,闭包捕获变量引用而非值快照。

javascript作用域链如何理解_变量怎么查找【教程】

作用域链本质是词法作用域的查找路径

JavaScript 的作用域链不是运行时动态构建的“链表”,而是函数定义时就确定的嵌套关系。每次执行函数,引擎会按 [[Environment]] 内部槽记录的外层词法环境逐层向上找变量——从当前执行上下文的词法环境开始,到外层函数的词法环境,再到全局环境。

关键点:查找只看函数在哪定义,不看在哪调用。闭包能“记住”外层变量,正是因为这个静态链在函数创建时就固化了。

变量查找规则:先查当前词法环境,再沿 outer 指针向上遍历

查找过程严格遵循以下顺序:

  • 检查当前执行上下文的 LexicalEnvironment(含 let/const 声明)
  • 若未找到,检查其 outer 引用指向的上一级词法环境(通常是外层函数的 LexicalEnvironment
  • 继续向上,直到到达全局环境(globalThis 对应的词法环境)
  • 仍找不到则抛出 ReferenceError

注意:var 声明会被提升到函数作用域顶部,但查找逻辑不变;withcatch 语句会临时插入环境,但现代代码应避免使用。

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

常见陷阱:this 不参与作用域链查找,eval 会污染当前环境

this 是执行上下文的一个独立属性,和词法作用域无关。写 this.x 查的是对象属性,不是沿着作用域链找变量。

Alibabacloud Sdk Client Initialization For Java
Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

eval() 在非严格模式下,如果传入字符串包含变量声明,会把它们注入当前词法环境,导致意外覆盖或泄漏。例如:

function foo() {
  var a = 1;
  eval('var a = 2;');
  console.log(a); // 2 —— 不是作用域链问题,是 eval 动态修改了当前环境
}

其他易错点:

  • 箭头函数没有自己的 argumentssupernew.target,也不绑定 this,但作用域链完全继承外层
  • 模块顶层是块级作用域,不是全局,所以 var 声明不会挂到 window
  • 类体内部是严格模式,且 let/const 声明不会被提升到类作用域顶部

调试技巧:用 debugger + 浏览器开发者工具看 Scope 面板

在函数内设断点,打开 Chrome DevTools 的 “Scope” 面板,能看到当前执行上下文的:

  • Closure:对应函数的 [[Environment]],显示它捕获的外层变量
  • Script:模块或脚本顶层的词法环境
  • Global:全局环境

注意:如果看到某个变量没出现在 Closure 里,说明它没被该函数“引用”,V8 可能已优化掉闭包绑定——这不是 bug,是引擎正常行为。

真正容易被忽略的是:作用域链只决定变量能否被访问,不决定变量值是否“实时更新”。闭包捕获的是变量的引用,不是快照;但如果外层变量被重新赋值,闭包里读到的就是新值。

热门AI工具

更多
超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

相关专题

更多
chrome什么意思
chrome什么意思

chrome是浏览器的意思,由Google开发的网络浏览器,它在2008年首次发布,并迅速成为全球最受欢迎的浏览器之一。本专题为大家提供chrome相关的文章、下载、课程内容,供大家免费下载体验。

2466

2023.08.11

chrome无法加载插件怎么办
chrome无法加载插件怎么办

chrome无法加载插件可以通过检查插件是否已正确安装、禁用和启用插件、清除插件缓存、更新浏览器和插件、检查网络连接和尝试在隐身模式下加载插件方法解决。更多关于chrome相关问题,详情请看本专题下面的文章。php中文网欢迎大家前来学习。

4359

2023.11.06

Chrome开启无痕模式
Chrome开启无痕模式

本专题整合了Chrome无痕模式开启相关内容,阅读专题下面的文章了解更多详细教程。

3107

2026.03.24

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

1918

2023.09.20

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1538

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

2224

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

5724

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

4809

2023.11.24

Buffalo框架数据库开发全教程
Buffalo框架数据库开发全教程

本专题围绕Buffalo框架数据库开发,讲解database.yml多环境配置、soda与fizz迁移生成回滚、模型结构体标签、增删改查与条件查询、一对多与多对多关联、数据校验、回调钩子、事务处理及原生SQL执行能力。

20

2026.09.23

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 11.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.5万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn