作用域是JavaScript中变量和函数的可见范围，由词法作用域决定；闭包是函数与其外部词法环境绑定的结果，需同时满足嵌套函数、引用外部变量、外部函数返回后仍可调用三条件。
作用域 是 JavaScript 中变量和函数的“可见范围”——不是“写在哪”，而是“从哪能访问到”。它在函数定义时就确定（词法作用域），不是调用时。比如 function foo() { let x = 1; } 里声明的 x，只在 foo 内部可读写；外部访问会报 ReferenceError。
而 闭包 不是某种语法，是函数与其词法环境“绑定”的结果：**当一个函数引用了它外部作用域中的变量，并且这个函数在外部作用域执行结束后仍被持有（比如被返回、被赋值给变量、被传入回调），那就形成了闭包**。
它不是“高级技巧”，而是 JS 执行模型的自然产物。你每天写的防抖、计数器、API 封装，很可能已经在用闭包，只是没叫它名字。
怎么一眼识别代码里有没有闭包？
看三点是否同时满足：
- 有嵌套函数（内部函数定义在另一个函数内部）
- 内部函数引用了外部函数的局部变量（如
let count、const config） - 内部函数在外部函数返回后，依然能被调用（比如被 return 出来、赋值给全局变量、传给
addEventListener或setTimeout）
三者缺一不可。漏掉第三点，只是普通嵌套；漏掉第二点，就是普通函数；漏掉第一点，根本谈不上闭包。
为什么 for 循环里绑 click 总输出最后一个值？闭包怎么破？
经典问题：for (var i = 0; i console.log(i), 0); } 输出全是 3。因为 var 是函数作用域，循环结束时 i === 3，所有回调共享同一个 i。
闭包的解法，本质是为每次迭代“生成独立的作用域快照”：
-
ES5 写法（IIFE）：
(function(i) { setTimeout(() => console.log(i), 0); })(i) -
ES6 更简单：把
var换成let——let是块级作用域，每次循环都新建绑定，每个回调自然捕获自己的i
注意：这不是“闭包修复了 bug”，而是你本来就需要闭包语义来维持状态；let 让 JS 引擎自动帮你做了这件事。
哪些真实场景离不开闭包？
不是“能用”，而是“非它不可”：
-
私有状态封装：比如
createCounter()返回的对象方法能读写内部count，但外部无法绕过方法直接赋值——JS 没#private时，这是唯一干净方案 -
防抖/节流函数：
debounce(fn, delay)必须把timer存在闭包里，否则每次调用都是新变量，清不掉上一次定时器 -
函数工厂：
const formatUSD = createFormatter({ currency: 'USD' })，不同配置生成不同格式化函数，配置参数靠闭包固化 -
记忆化（memoization）：递归斐波那契加一层闭包缓存，
fib(40)从秒级降到毫秒级，缓存对象生命周期与函数绑定，不污染全局
闭包最大的坑不是难懂，而是内存泄漏
闭包会让外部函数的变量一直留在内存里，哪怕你早就不需要了。典型例子：
- 给大量 DOM 元素绑定事件，每个回调都闭包了大对象（比如整个
dataSet），又没手动解绑 - 全局变量长期持有返回的闭包函数（如
window.cacheFn = expensiveCalculation()），而该函数内部缓存了 MB 级数据
检查方式：Chrome DevTools → Memory → Take heap snapshot，筛选 Closure 类型，看哪些变量意外常驻。解决办法不是不用闭包，而是明确生命周期——用完即清，比如暴露一个 clearCache() 方法，或用 WeakMap 做弱引用缓
