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

JavaScript中什么是作用域链_变量查找规则你清楚吗

夏辰姑娘_9486

夏辰姑娘_9486

发布时间:2026-01-02 19:58:02

|

889人浏览过

|

来源于php中文网

原创

作用域链是函数定义时确定的静态嵌套引用链,基于[[Scope]]逐层向上查找变量,只取决于定义位置而非调用位置;未声明变量读取返回undefined,严格模式下写入才抛ReferenceError。

javascript中什么是作用域链_变量查找规则你清楚吗

作用域链的本质是词法作用域的嵌套引用链

JavaScript 的作用域链不是运行时动态构建的“搜索路径”,而是函数定义时就确定的、由 [[Scope]](或现代引擎中的闭包环境记录)维护的一组静态嵌套关系。每次函数执行,引擎会基于这个链逐层向上查找变量,直到全局作用域。

关键点在于:查找只看「函数在哪定义」,不看「函数在哪调用」。比如一个内层函数被返回并赋值给全局变量后调用,它依然沿原定义位置的作用域链查找,而非调用位置的作用域。

变量查找失败时不会报错,而是返回 undefined

只有在严格模式下对未声明变量进行赋值(如 foo = 42)才会抛出 ReferenceError;而单纯读取未声明变量(如 console.log(missing))始终返回 undefined,哪怕查到全局作用域也没找到。

  • 常见误判:以为 ReferenceError 表示“变量不存在”,其实它只发生在「写入未声明变量」或「访问 let/const 声明前的暂时性死区」
  • var 声明会被提升,但初始化不会;let/const 声明和初始化都被绑定到暂时性死区
  • 全局对象上的属性(如 window.x)和真正用 var 声明的全局变量行为不完全等价——后者不可删除,前者可删

with 和 eval 会动态污染作用域链

这两个语句会让 JavaScript 引擎无法在编译期静态确定变量归属,从而禁用大部分优化(如变量内联、作用域链缓存),并强制进入慢路径查找。现代代码应避免使用。

Java Maven Code Review
Java Maven Code Review

审查Java Maven项目(ZIP压缩包或GitLab仓库URL),检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

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

例如:

function f() {
  const obj = { x: 1 };
  with (obj) {
    console.log(x); // 运行时才知道 x 来自 obj,作用域链临时插入 obj 环境
  }
}
  • with 在严格模式下直接语法错误
  • eval 如果含变量声明,会在当前作用域注入新绑定,破坏静态分析
  • 打包工具(如 Webpack)遇到 eval 通常会关闭作用域提升优化

闭包让外层作用域“活下来”,但不等于“捕获全部变量”

闭包保留的是对外层词法环境的引用,但只保留实际被内部函数引用的那些变量(V8 称为“context slot”)。没被引用的变量仍可能被 GC 回收。

比如:

function makeCounter() {
  let count = 0;
  const unused = new Array(1000000); // 很大但没被返回的函数使用
  return () => ++count;
}
const inc = makeCounter(); // unused 不会常驻内存
  • 不要默认认为“用了闭包=内存泄漏”,现代引擎做了精细的上下文剪枝
  • 调试时看到 DevTools 中显示整个外层作用域,只是快照视图,不代表所有变量都真实保留在内存中
  • 用 console.dir(fn) 查看 [[Scopes]] 可以确认哪些变量被真正闭包持有
真正容易被忽略的是:作用域链的“终点”不是 window 或 globalThis,而是当前执行上下文的 LexicalEnvironment 链末端——它可能是模块顶级作用域、函数作用域,也可能是 eval 创建的特殊环境。查不到变量时,引擎不会跳去其他模块或 script 标签里找。

热门AI工具

更多
DeepSeek

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

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

豆包大模型

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

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

WorkBuddy

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

LibLibAI
LibLibAI Hot

一款AI视频创作工具,主要用于国内领先的AI创意平台,以海量模型、低门槛操作与“创作-分享-商业化”生态,让小白与专业创作者都能高效实现图文乃至视频创意表达,适合需要提升相关任务效率的用户。

相关专题

更多
c语言const用法
c语言const用法

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

2078

2023.09.20

全局变量怎么定义
全局变量怎么定义

本专题整合了全局变量相关内容,阅读专题下面的文章了解更多详细内容。

4185

2025.09.18

python 全局变量
python 全局变量

本专题整合了python中全局变量定义相关教程,阅读专题下面的文章了解更多详细内容。

1730

2025.09.18

c++ 全局变量
c++ 全局变量

本专题整合了c++全局变量的使用、定义、作用域等等内容,阅读专题下面的文章了解更多详细内容。

199

2026.03.17

go语言闭包相关教程大全
go语言闭包相关教程大全

本专题整合了go语言闭包相关数据,阅读专题下面的文章了解更多相关内容。

3993

2025.07.29

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

816

2023.08.08

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

5863

2024.05.29

undefined是什么
undefined是什么

undefined是代表一个值或变量不存在或未定义的状态。它可以作为默认值来判断一个变量是否已经被赋值,也可以用于设置默认参数值。尽管在不同的编程语言中,undefined可能具有不同的含义和用法,但理解undefined的概念可以帮助我们更好地理解和编写程序。本专题为大家提供undefined相关的各种文章、以及下载和课程。

11685

2023.07.31

C++虚函数怎么定义和调用
C++虚函数怎么定义和调用

C++虚函数是实现运行时多态的重要机制。本专题从virtual关键字的基本用法入手,介绍基类与派生类之间的函数重写、基类指针调用派生类方法,以及动态绑定的执行过程,帮助初学者掌握虚函数的核心语法。

0

2026.10.10

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.6万人学习

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

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