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

JavaScript闭包_作用域链的底层原理

千敏小哥_8665

千敏小哥_8665

发布时间:2025-11-22 21:12:06

|

859人浏览过

|

来源于php中文网

原创

闭包的核心是函数能记住并访问其定义时的词法作用域,即使在外部执行。JavaScript采用词法作用域,函数创建时会绑定当前环境形成作用域链,该链由变量对象指针组成,决定变量查找顺序。例如,inner 函数可访问 outer 中的变量 a,因其 [[Environment]] 指向 outer 的作用域。每当函数执行,引擎创建执行上下文,包含变量对象、作用域链和 this。作用域链从当前函数变量对象向外层延伸至全局对象,变量查找沿此链进行。闭包形成于外层函数返回内层函数且后者引用前者变量时。尽管外层函数执行完毕,其变量对象仍被内层函数的 [[Environment]] 引用,故不会被垃圾回收,使变量持久存在于内存中。典型例子为计数器函数 counter,返回的函数持续访问并修改 count。ES6 中,函数的 [[Environment]] 内部插槽保存其创建时的词法环境,调用时作用域链由自身词法环境与 [[Environment]] 共同构成。因此,闭包本质是函数携带了创建时的环境引用,依赖词法作用域、执行上下文和作用域链协同实现,非魔法而是机制结果,理解这些

javascript闭包_作用域链的底层原理

JavaScript闭包的核心在于函数能够记住并访问其所在的词法作用域,即使这个函数在其定义的作用域外部执行。这背后的关键机制是作用域链和执行上下文的创建过程。

词法作用域与作用域链

JavaScript采用词法作用域(也叫静态作用域),这意味着函数的作用域在函数定义时就已经确定,而不是在运行时决定。

当一个函数被定义时,它会绑定当前的环境,形成一个作用域链。这个作用域链是一个指向变量对象的指针列表,它决定了变量的查找顺序。

例如:

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

function outer() {
  let a = 1;
  function inner() {
    console.log(a); // 可以访问 outer 中的 a
  }
  return inner;
}
const fn = outer();
fn(); // 输出 1

虽然 inner 在 outer 执行结束后才被调用,但它依然能访问到 a。这是因为 inner 函数在创建时,它的内部属性 [[Environment]] 指向了 outer 函数的作用域。

执行上下文与变量对象

每当函数执行时,JavaScript 引擎会创建一个执行上下文,包含变量对象(VO)、作用域链和 this 指向。

作用域链本质上是一个由变量对象组成的链表,最前端是当前函数的变量对象,然后依次是外层函数的变量对象,直到全局对象。

在查找变量时,引擎从当前作用域开始,沿着作用域链逐层向上搜索,直到找到匹配的标识符或到达全局作用域。

deep-java-review
deep-java-review

Java项目代码review工具。分析Git变更+完整调用链路上下文,推断业务需求,进行多维度评分和分类汇总,生成完整PRD文档。包含细粒度Java代码审查清单(Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...

下载

闭包的形成:函数携带作用域链

闭包发生在一个函数返回另一个函数,并且内层函数引用了外层函数的变量。

关键点在于:外层函数的执行上下文虽然“出栈”了,但由于内层函数的 [[Environment]] 仍然引用着外层的变量对象,垃圾回收机制不会销毁这些变量。

这就是为什么闭包中的变量能长期驻留在内存中。

常见例子:

function counter() {
  let count = 0;
  return function() {
    return ++count;
  };
}
const inc = counter();
inc(); // 1
inc(); // 2

每次调用 inc,它都能访问并修改之前定义的 count,因为 count 被保留在闭包的作用域链中。

底层原理:[[Environment]] 与词法环境

在 ES6 的规范中,每个函数都有一个内部插槽 [[Environment]],它保存了函数创建时所处的词法环境。

这个 [[Environment]] 决定了函数在执行时如何解析变量。当函数被调用时,它的作用域链由自身的词法环境和 [[Environment]] 链接而成。

也就是说,闭包的本质是函数携带了创建时的环境引用,从而可以持续访问那些外部变量。

基本上就这些。闭包不是魔法,而是词法作用域、执行上下文和作用域链共同作用的结果。理解这些底层机制,才能真正掌握闭包的行为和性能影响。

热门AI工具

更多
UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

DeepSeek

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

豆包大模型

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

讯飞绘文

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

PixTV
PixTV Hot

PixTV是一款面向AIGC内容创作的AI视频生成工具。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

WorkBuddy

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

立刻MV
立刻MV Hot

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

相关专题

更多
es6新特性
es6新特性

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

265

2023.07.17

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

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

386

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

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

355

2025.12.24

counta和count的区别
counta和count的区别

Count函数用于计算指定范围内数字的个数,而CountA函数用于计算指定范围内非空单元格的个数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2548

2023.11.20

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

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

11800

2023.12.04

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

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

983

2024.02.23

java标识符合集
java标识符合集

本专题整合了java标识符相关内容,想了解更多详细内容,请阅读下面的文章。

7010

2025.06.11

c++标识符介绍
c++标识符介绍

本专题整合了c++标识符相关内容,阅读专题下面的文章了解更多详细内容。

2762

2025.08.07

PDF转图片方法
PDF转图片方法

需要把 PDF 页面用于上传、预览、分享或图片归档时,PDF 转图片方法专题整理 JPG/PNG 格式选择、逐页导出、清晰度设置、批量下载和结果检查等流程,帮助用户稳定完成 PDF 图片化处理。

0

2026.09.30

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.6万人学习

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

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