面试题：JavaScript闭包与内存管理

闭包引发内存泄漏的原因

原理：
- 在JavaScript中，当函数内部定义了另一个函数，并且内部函数可以访问外部函数的变量时，就形成了闭包。闭包会持有对外部函数作用域的引用，即使外部函数已经执行完毕，其作用域中的变量因为被闭包引用而不会被垃圾回收机制回收。
- 例如：
```
function outer() {
    let largeObject = { /* 一个占用大量内存的对象 */ };
    return function inner() {
        return largeObject;
    };
}
let closure = outer();
// 此时outer函数执行完毕，但largeObject因为被inner函数（闭包）引用，不会被垃圾回收
```
长期占用内存：
- 如果闭包一直存在，例如被全局变量引用，那么它所引用的外部函数作用域中的变量就会一直占用内存，随着时间推移，如果不断创建这样的闭包，而这些闭包又不释放其引用，就会导致内存占用不断增加，最终可能引发内存泄漏。

避免因闭包造成内存泄漏的方法

及时释放引用：

当闭包不再需要使用时，手动将闭包变量设为null，以解除对外部函数作用域变量的引用，让垃圾回收机制可以回收相关内存。
例如：

let closure;
function outer() {
    let largeObject = { /* 一个占用大量内存的对象 */ };
    return function inner() {
        return largeObject;
    };
}
closure = outer();
// 使用闭包
// 不再使用闭包时
closure = null;

避免不必要的闭包：
- 在编写代码时，仔细思考是否真的需要闭包。如果可以通过其他方式实现相同功能，尽量避免创建闭包。
- 例如，有时候可以将函数内部的逻辑提取到外部函数，直接传递所需参数，而不是依赖闭包来访问外部函数的变量。
```
// 原本使用闭包的情况
function outer() {
    let num = 10;
    return function inner() {
        return num;
    };
}
let closure = outer();
// 避免闭包的方式
function inner(num) {
    return num;
}
let result = inner(10);
```

使用WeakMap等弱引用数据结构：

WeakMap是一种弱引用数据结构，其键值对中的键是弱引用。当键所引用的对象没有其他强引用时，垃圾回收机制可以回收该对象，即使WeakMap中还存在对它的引用。
例如：

const weakMap = new WeakMap();
function outer() {
    let largeObject = { /* 一个占用大量内存的对象 */ };
    weakMap.set(largeObject, function inner() {
        return largeObject;
    });
    return weakMap.get(largeObject);
}
let closure = outer();
// 当largeObject没有其他强引用时，即使闭包存在，largeObject也可能被垃圾回收

面试题：JavaScript闭包与内存管理

知识考点

面试题答案

闭包引发内存泄漏的原因

避免因闭包造成内存泄漏的方法