JavaScript闭包是什么_它有什么实际用途？-js教程-PHP中文网

JavaScript闭包是什么_它有什么实际用途？

php中文网

发布： 2025-12-13 17:21:08

原创

561人浏览过

闭包是能记住并访问其词法作用域的函数，形成于内部函数引用外部变量且在外部函数返回后仍被持有；它支持私有变量、事件状态保持、柯里化等，是JS执行模型和可靠编码的基础。

javascript闭包是什么_它有什么实际用途？

闭包是 JavaScript 中一个核心但常被误解的概念：它指的是一个函数，能够记住并访问其词法作用域，即使这个函数在其原始作用域之外执行。

闭包是怎么形成的？

当一个内部函数引用了外部函数的变量，并且这个内部函数在外部函数返回后仍被持有（比如作为返回值或被赋给全局变量），就形成了闭包。关键点不是“嵌套”，而是“变量被捕获并持续可用”。

外部函数执行完，其执行上下文本该销毁，但因为内部函数还依赖其中的变量，JS 引擎会保留这部分作用域链
闭包中的变量不会被垃圾回收，直到引用它的函数被销毁
每个闭包实例都拥有自己独立的一份外部变量副本（常见于循环中创建多个函数时）

模拟私有变量和模块封装

JavaScript 在 ES6 之前没有真正的私有成员语法，闭包是实现数据封装最自然的方式。

例如：

立即学习“Java免费学习笔记（深入）”；

全诚商城生成HTML多用户版

1、什么是店中店？店中店是全诚商多用户版的一大特色，它既是独立的个体，又具有群集功能。我们做个例子说明：假设尊贵的您现实生活中租赁了一个店面，店面空间很大，您可以把您的店面分割成很多独立空间再向别人转租，这样您可以额外获得一部分租赁费用收入，借以减少你的个人租赁费用投入，还能起到活跃销售场所的气氛，俗话说：货卖一堆吗。你租赁的店面可以完全分割成很多空间向外转租，也可以自己保留一块空间为自己销售商品

查看详情

const createCounter = () => {
  let count = 0;
  return {
    increment: () => ++count,
    get: () => count
  };
};
const c1 = createCounter();
c1.increment();
console.log(c1.get()); // 1 —— count 无法从外部直接访问

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

在循环绑定事件监听器时，若直接使用循环变量，容易出现所有回调共享同一个值的问题。闭包可为每次迭代创建独立的作用域。

错误写法：for (var i = 0; i alert(i); → 全部弹出 3
正确写法之一：for (let i = 0; i alert(i);（let 块级作用域本质也是闭包机制）
或用立即执行函数：(function(i) { btns[i].onclick = () => alert(i); })(i)

函数柯里化与配置预设

闭包天然适合“预设参数”场景，把部分参数固定下来，生成新函数。

例如创建带默认超时时间的请求函数：

const createRequest = (baseUrl) => (path, options = {}) =>
fetch(`${baseUrl}/${path}`, { ...options, timeout: 5000 });

const githubApi = createRequest('https://api.github.com');
githubApi('users/octocat').then(...); // 自动带上 baseUrl 和默认 timeout

基本上就这些。闭包不是炫技工具，而是理解 JS 执行模型、写出可靠代码的基础。用对了，它让代码更内聚、更可控；滥用则可能引发内存泄漏或逻辑混淆。

以上就是JavaScript闭包是什么_它有什么实际用途？的详细内容，更多请关注php中文网其它相关文章！