js 闭包 内存

一、基础概念

1. 闭包定义
   • 在JavaScript中，闭包是指有权访问另一个函数作用域中的变量的函数。例如：
   • 在JavaScript中，闭包是指有权访问另一个函数作用域中的变量的函数。例如：
   • 这里inner函数就是一个闭包，它可以访问outer函数作用域中的num变量，即使outer函数已经执行完毕。

• 内存相关
  • 当闭包被创建时，它会保留对其外部函数作用域中变量的引用。这些变量不会被垃圾回收机制立即回收，因为闭包仍然在引用它们。这就可能导致内存占用情况发生变化。

二、相关优势

1. 数据封装
   • 可以创建私有变量。例如，通过闭包可以构建模块模式，在一个函数内部定义变量和函数，并且只暴露必要的部分给外部使用。
   • 可以创建私有变量。例如，通过闭包可以构建模块模式，在一个函数内部定义变量和函数，并且只暴露必要的部分给外部使用。
   • 这里的privateVar和privateFunc只能在闭包内部访问，外部无法直接获取或修改，保证了数据的封装性。

• 函数柯里化
  • 闭包有助于实现函数柯里化。柯里化是将一个多参数函数转换为一系列单参数函数的过程。
  • 闭包有助于实现函数柯里化。柯里化是将一个多参数函数转换为一系列单参数函数的过程。

三、类型（从内存角度看闭包相关情况）

1. 强引用型闭包
   • 当闭包直接引用外部函数的变量时，就是强引用。这种情况下只要闭包存在，外部变量就不会被回收。例如上面最初给出的闭包示例，inner对num就是强引用。

• 间接引用型闭包（较复杂情况）
  • 如果存在多层嵌套函数，并且中间层函数对变量有引用关系，最终外层闭包间接依赖于内部变量时，也属于闭包对变量的引用。比如在一个复杂的函数嵌套体系中，最外层闭包通过中间函数的引用链来访问内部变量。

四、应用场景

1. 事件处理程序
   • 在DOM事件处理中经常使用闭包。例如，当为多个按钮添加点击事件，并且每个按钮需要访问特定的数据时。
   • 在DOM事件处理中经常使用闭包。例如，当为多个按钮添加点击事件，并且每个按钮需要访问特定的数据时。
   • 这里的匿名函数形成了闭包，保存了index的值，以便在点击事件触发时正确输出对应的按钮编号。

• 回调函数
  • 在异步操作如定时器、AJAX请求的回调中使用闭包。以定时器为例：
  • 在异步操作如定时器、AJAX请求的回调中使用闭包。以定时器为例：
  • 这个定时器的回调函数是闭包，它可以访问startTimer函数中的message变量。

五、内存问题及解决方法

1. 内存泄漏原因
   • 如果闭包持续引用外部函数的变量，并且这些变量占用了大量内存，同时闭包又长时间存在（例如被全局变量引用等情况），就可能导致内存泄漏。例如：
   • 如果闭包持续引用外部函数的变量，并且这些变量占用了大量内存，同时闭包又长时间存在（例如被全局变量引用等情况），就可能导致内存泄漏。例如：
   • 在这个例子中，largeArray被闭包引用，如果leakFunc一直存在（比如被全局变量引用），largeArray就不能被垃圾回收。

• 解决方法
  • 及时解除引用。如果闭包不再需要，可以将闭包函数设置为null，这样垃圾回收机制就可以回收它所引用的外部变量。
  • 及时解除引用。如果闭包不再需要，可以将闭包函数设置为null，这样垃圾回收机制就可以回收它所引用的外部变量。
  • 在某些情况下，可以使用let代替var来限制变量的作用域范围，减少闭包对外部不必要变量的引用。例如，在循环中使用let声明循环变量，避免闭包意外捕获到错误的变量值并长时间占用内存。