17370845950

闭包是函数能记住并访问其定义时词法作用域变量的机制，核心在于变量被持续持有；用于封装私有数据、解决循环异步绑定问题、实现函数工厂与柯里化、状态保持及性能优化。

闭包是函数能够记住并访问其定义时所在词法作用域的变量，即使这个函数在别处执行。关键不在“嵌套”，而在于“变量被持续持有”——外部函数执行完后，内部函数仍能读写那些本该消失的局部变量。

封装私有数据和方法

JavaScript 没有原生 private 关键字，闭包是最自然的替代方案。把变量声明在函数内部，只通过返回的对象方法暴露有限操作接口，外界无法直接修改或读取原始值。

• 比如计数器：let count = 0 被封在函数里，只有 increment() 和 getValue() 能碰它
• 避免全局污染，防止命名冲突，也便于单元测试时控制状态入口
• IIFE（立即执行函数）常用来快速创建这种封闭模块，如 const Cache = (function() { let data = {}; return { set(k,v) { data[k] = v; } }; })();

解决循环中异步绑定问题

老式 for (var i...) 循环里给多个元素绑点击事件，不加处理会全部输出最后一个 i 值。因为所有回调共享同一个变量，等真正触发时循环早已结束。

• 用闭包把当前 i “快照”传进去：(function(index) { btn.onclick = () => alert(index); })(i);
• 现代写法可用 let 替代 var，但闭包方案兼容性更好，逻辑也更清晰
• 类似场景还有 setTimeout、fetch 回调、Promise.then 中需要捕获循环变量值

实现函数工厂和柯里化

返回一个新函数，让它“记住”某些预设参数，后续调用时只需补全剩余部分。

• 函数工厂：比如 createMultiplier(2) 返回一个乘以 2 的函数，createMultiplier(10) 返回乘以 10 的函数
• 柯里化：把 add(a, b) 变成 add(a)(b)，靠内层函数闭包住 a，等 b 进来再计算
• 适合配置复用，比如生成不同尺寸的字体设置函数、带固定超时的请求包装器

状态保持与性能优化

闭包天然维持上下文，适合做轻量级状态管理或缓存，不用依赖外部存储或 class 实例。

• 节流/防抖函数靠闭包保存定时器 ID，每次触发都能 clearTimeout 再重设
• 缓存计算结果：比如 function createCachedFn(fn) { const cache = {}; return function(x) { if (cache[x] !== undefined) return cache[x]; return cache[x] = fn(x); }; }
• 迭代器也是典型应用：每次调用都返回下一个值，靠闭包记着当前索引位置

基本上就这些。闭包不是炫技工具，而是让变量“活下来”的务实机制——用对了，代码更健壮；滥用或忘了清理引用，反而容易内存泄漏。