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

Javascript中的闭包是什么以及为何重要?

阿强姑娘_6795

阿强姑娘_6795

发布时间:2025-12-22 13:36:35

|

599人浏览过

|

来源于php中文网

原创

闭包是内部函数记住并访问外部函数局部变量形成的持久引用环境。需满足嵌套函数、内部函数被外部保留、实际访问外部变量三条件,用于模拟私有变量、保持状态、模块化及异步上下文,但需注意内存与性能问题。

javascript中的闭包是什么以及为何重要?

JavaScript 中的闭包,简单说就是一个函数记住了它“出生时”所在环境里的变量,并且能在之后继续使用这些变量——哪怕那个环境(外部函数)早就执行完了。

闭包是怎么形成的

它需要三个基本条件同时满足:

  • 函数内部定义了另一个函数(嵌套)
  • 内部函数被返回、赋值给变量,或以其他方式在外部保留下来
  • 内部函数实际访问了外部函数的局部变量(不是参数,也不是全局变量)

这时候,JS 引擎会把那些被用到的外部变量“打包”保存起来,形成一个持久的引用环境。这个环境 + 内部函数,就是闭包。

闭包为什么重要

它解决了 JavaScript 原生缺乏的一些关键能力:

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

React Wrap
React Wrap

React UI?—— JavaScript?

下载
  • 模拟私有变量:没有 private 关键字?用闭包把变量锁在函数里,只暴露可控的接口
  • 保持状态:比如计数器、缓存、配置项,不用挂全局,也不用反复传参
  • 支撑模块化:早期 CommonJS、IIFE 都靠闭包隔离作用域,避免命名冲突和污染
  • 支撑异步和回调:定时器、事件监听、Promise 回调里能准确记住当时的数据上下文

一个典型例子

看这段代码:

function createAdder(x) {
  return function(y) { return x + y; };
}
const add5 = createAdder(5);
console.log(add5(3)); // 输出 8

这里 add5 是个闭包:它记住了 x = 5,即使 createAdder(5) 早就运行结束了。每次调用 add5(3),都带着这份“记忆”工作。

需要注意的地方

闭包很强大,但不是免费的:

  • 被闭包引用的变量不会被垃圾回收,长期持有可能造成内存占用升高
  • 过度嵌套或滥用会导致作用域链变长,影响查找变量的速度
  • 循环中创建闭包容易捕获到意外的最终值(比如用 var 的经典问题),需注意变量声明方式

基本上就这些。理解闭包,等于拿到了理解 JS 模块、React Hook 依赖、异步逻辑、甚至现代打包机制的一把钥匙。

热门AI工具

更多
WorkBuddy

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

音述AI
音述AI Hot

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

豆包大模型

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

立刻MV
立刻MV Hot

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

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

DeepSeek

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

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

相关专题

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

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

2318

2023.09.20

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

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

4845

2025.09.18

python 全局变量
python 全局变量

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

2050

2025.09.18

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

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

199

2026.03.17

硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

3188

2023.10.19

PHP接口编写教程
PHP接口编写教程

本专题整合了PHP接口编写教程,阅读专题下面的文章了解更多详细内容。

5129

2025.10.17

php8.4实现接口限流的教程
php8.4实现接口限流的教程

PHP8.4本身不内置限流功能,需借助Redis(令牌桶)或Swoole(漏桶)实现;文件锁因I/O瓶颈、无跨机共享、秒级精度等缺陷不适用高并发场景。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3829

2025.12.29

java接口相关教程
java接口相关教程

本专题整合了java接口相关内容,阅读专题下面的文章了解更多详细内容。

486

2026.01.19

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

热门下载

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

精品课程

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

共58课时 | 12.4万人学习

国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.4万人学习

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

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