闭包那点事 - 技术栈

JavaScript 闭包（Closure）是 JS 中一种特殊的函数现象，其核心原理与使用注意事项如下：

一、闭包的核心原理

闭包的本质是函数对其定义时所在作用域的 "持久访问权" ，即使该作用域已被销毁，函数仍能访问其中的变量。这一特性基于两个核心机制：

词法作用域（静态作用域） 函数的作用域在定义时就已确定（而非执行时）。内部函数天生可以访问外层函数的变量和参数，这种访问权限由定义位置决定，与执行位置无关。
作用域链的保留当内部函数被 "带出" 其定义的作用域（如作为返回值返回、被外部变量引用）时，其作用域链中依然保留着对原外层作用域的引用。即使外层函数执行完毕，由于内部函数的引用，外层作用域不会被垃圾回收机制销毁，从而使内部函数能持续访问其中的变量。

示例说明：

javascript 复制代码

function outer() {
  let count = 0; // 外层函数的局部变量
  function inner() {
    count++; // 内部函数访问外层变量
    return count;
  }
  return inner; // 将内部函数带出外层作用域
}

const counter = outer(); // outer 执行后，其作用域本应销毁
console.log(counter()); // 1（闭包使 count 被保留并可访问）
console.log(counter()); // 2（状态持续更新）

二、闭包的使用注意事项

闭包虽强大，但不合理使用可能导致问题，需注意以下几点：

内存泄漏风险 闭包会保留外层作用域的变量，若闭包长期被引用（如全局变量持有闭包），外层变量不会被回收，可能导致内存占用过高。解决：不再使用时，手动解除闭包的引用（如 counter = null），让垃圾回收器回收相关资源。

变量共享问题 同一外层函数创建的多个闭包会共享外层变量，可能导致非预期结果。示例：

javascript 复制代码

function createFunctions() {
  const arr = [];
  for (var i = 0; i < 3; i++) { // var 声明的 i 是函数级作用域
    arr.push(() => console.log(i)); // 所有闭包共享同一个 i
  }
  return arr;
}
const funcs = createFunctions();
funcs[0](); // 3（而非预期的 0）

解决：用 let 声明变量（块级作用域），或通过立即执行函数（IIFE）创建独立作用域。

性能影响 闭包的作用域链查找比普通变量访问更耗时，过度使用可能影响代码执行效率。建议：避免嵌套过深的闭包，非必要时不依赖闭包保存状态。
this 指向问题 闭包中的 this 默认指向全局对象（非严格模式）或 undefined（严格模式），而非外层函数的 this。示例：
javascript 复制代码
```
const obj = {
  name: 'obj',
  getFunc: function() {
    return function() {
      console.log(this.name); // this 指向全局，可能输出 undefined
    };
  }
};
obj.getFunc()(); // undefined
```
解决：外层函数中用变量保存 this（如 const self = this），闭包中通过变量访问。

三、总结

原理：闭包是 "内部函数 + 定义时外层作用域" 的捆绑体，通过保留作用域链实现对变量的持久访问。
注意：避免内存泄漏、处理变量共享问题、关注性能和 this 指向，合理使用可实现模块化、状态封装等功能（如计数器、私有变量）。