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

什么是javascript闭包_它在实际项目中有什么应用场景?

风杰酱_1251

风杰酱_1251

发布时间:2025-12-20 17:40:03

|

457人浏览过

|

来源于php中文网

原创

JavaScript闭包是函数与其定义时词法作用域的组合,需满足嵌套函数、引用外部变量、外部函数返回内部函数三个条件,用于实现私有变量封装、事件状态保持、柯里化、防抖节流等。

什么是javascript闭包_它在实际项目中有什么应用场景?

JavaScript 闭包是指一个函数能够记住并访问其词法作用域,即使这个函数在其原始作用域之外执行。简单说,闭包 = 函数 + 该函数定义时所处的作用域环境。

闭包的核心机制

当内部函数引用了外部函数的变量,并且这个内部函数在外部函数返回后仍被调用,JavaScript 引擎就会保留外部函数的作用域链,不让其中的变量被垃圾回收——这就形成了闭包。

关键点:

  • 必须有嵌套函数
  • 内部函数要引用外部函数的局部变量或参数
  • 外部函数返回了内部函数(或以其他方式让内部函数可在外部作用域中被调用)

模块化与私有变量封装

闭包是实现“私有成员”的主要手段,避免全局污染,同时提供可控的访问接口。

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

例如创建一个计数器模块:

const createCounter = () => {
  let count = 0;
  return {
    increment: () => ++count,
    get: () => count
  };
};
const counter1 = createCounter();
console.log(counter1.get()); // 0
counter1.increment();
console.log(counter1.get()); // 1

这里的 count 不会被外部直接修改,只能通过暴露的方法操作,这就是闭包带来的数据封装能力。

事件处理与回调中的状态保持

在循环绑定事件时,常见需求是让每个回调“记住”它对应的数据项。不使用闭包容易出现所有回调共享同一个变量值的问题。

典型写法(ES5 常见):

for (var i = 0; i   (function(index) {
    setTimeout(() => console.log(index), 100);
  })(i);
}

现代写法则更简洁(用 let 声明块级作用域变量,本质也是利用了作用域+闭包逻辑):

for (let i = 0; i   setTimeout(() => console.log(i), 100);
}

函数柯里化与配置预设

闭包适合预先填充部分参数,生成定制化函数。比如日志工具按环境输出不同前缀:

const createLogger = (prefix) => (message) => console.log(`[${prefix}] ${message}`);
const devLog = createLogger('DEV');
const prodLog = createLogger('PROD');
devLog('API request sent'); // [DEV] API request sent

这种模式在中间件、工具函数、API 封装中很常见,提升复用性和可读性。

防抖与节流函数的实现

用户频繁触发事件(如 resize、input)时,需要控制执行频率。这类函数依赖闭包保存定时器 ID 和上一次触发时间等状态。

简易防抖示例:

const debounce = (fn, delay) => {
  let timer;
  return function(...args) {
    clearTimeout(timer);
    timer = setTimeout(() => fn.apply(this, args), delay);
  };
};

这里的 timer 被闭包持续持有,每次调用都操作同一个引用,确保旧任务被清除、新任务被安排。

热门AI工具

更多
DeepSeek

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

讯飞智作

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

立刻MV
立刻MV Hot

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

Atoms
Atoms Hot

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

WorkBuddy

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

PixPix
PixPix Hot

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

豆包大模型

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

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

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

相关专题

更多
什么是中间件
什么是中间件

中间件是一种软件组件,充当不兼容组件之间的桥梁,提供额外服务,例如集成异构系统、提供常用服务、提高应用程序性能,以及简化应用程序开发。想了解更多中间件的相关内容,可以阅读本专题下面的文章。

669

2024.05.11

Golang 中间件开发与微服务架构
Golang 中间件开发与微服务架构

本专题系统讲解 Golang 在微服务架构中的中间件开发,包括日志处理、限流与熔断、认证与授权、服务监控、API 网关设计等常见中间件功能的实现。通过实战项目,帮助开发者理解如何使用 Go 编写高效、可扩展的中间件组件,并在微服务环境中进行灵活部署与管理。

644

2025.12.18

ThinkPHP中间件机制与请求拦截处理实践
ThinkPHP中间件机制与请求拦截处理实践

本专题围绕 ThinkPHP 中间件体系展开,深入讲解中间件的定义、注册与执行流程。内容包括全局中间件与路由中间件的区别、请求前后处理逻辑、自定义中间件开发以及权限验证与日志处理应用。通过实际案例,帮助开发者掌握中间件在项目中的核心作用与最佳实践。

438

2026.03.31

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

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

3408

2023.11.20

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

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

2298

2023.09.20

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

硬盘接口类型有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接口编写教程,阅读专题下面的文章了解更多详细内容。

5089

2025.10.17

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

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

3829

2025.12.29

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

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

20

2026.10.28

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习

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

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