面试题：JavaScript 闭包模块构建中的内存管理

可能出现的内存管理问题

内存泄漏：
- 原因：当闭包持有对外部变量的引用，而这些外部变量在不再需要时无法被垃圾回收机制回收，就会导致内存泄漏。例如，在一个函数内部创建一个闭包，闭包内部引用了函数的局部变量，而这个闭包被全局变量引用，使得函数执行完毕后，其局部变量因为闭包的引用而无法释放。
- 示例：

function createLeak() {
    let largeObject = { /* 一个很大的对象 */ };
    return function() {
        return largeObject;
    };
}
let leakyFunction = createLeak();
// 即使createLeak函数执行完毕，largeObject也不会被回收，因为leakyFunction闭包持有其引用

过多的内存占用：
- 原因：如果闭包频繁创建且持有大量数据，会导致内存占用不断增加。比如在循环中创建闭包，每个闭包都引用了大量数据，随着循环次数增加，内存占用会迅速上升。
- 示例：

function createManyClosures() {
    let closures = [];
    for (let i = 0; i < 10000; i++) {
        let largeArray = new Array(10000).fill(i);
        closures.push(() => largeArray);
    }
    return closures;
}
let manyClosures = createManyClosures();
// 这里创建了大量闭包，每个闭包都持有一个大数组，占用大量内存

避免问题的方法

减少不必要的引用：
- 做法：确保闭包只引用真正需要的外部变量，避免过度引用。当外部变量不再需要时，及时切断闭包对其的引用。例如，在上述内存泄漏示例中，可以在适当的时候将闭包内部对largeObject的引用设为null。
- 示例：

function createLeak() {
    let largeObject = { /* 一个很大的对象 */ };
    let closure = function() {
        let result = largeObject;
        largeObject = null; // 切断闭包对largeObject的引用，允许其被回收
        return result;
    };
    return closure;
}
let leakyFunction = createLeak();

合理控制闭包的生命周期：
- 做法：如果闭包是在循环或频繁调用的函数中创建，要确保闭包在不再使用时能够被正确清理。可以将闭包的创建和销毁逻辑封装起来，在合适的时机手动解除对闭包的引用。
- 示例：

function manageClosures() {
    let closures = [];
    function createClosure() {
        let data = { /* 一些数据 */ };
        let closure = function() {
            return data;
        };
        closures.push(closure);
        return closure;
    }
    function destroyClosures() {
        closures.forEach((closure, index) => {
            closures[index] = null;
        });
        closures = [];
    }
    return {
        createClosure,
        destroyClosures
    };
}
let closureManager = manageClosures();
let myClosure = closureManager.createClosure();
// 当不再需要闭包时
closureManager.destroyClosures();

使用弱映射（WeakMap）：
- 做法：在需要持有对象引用但又希望对象能在合适的时候被垃圾回收时，可以使用WeakMap。WeakMap的键是弱引用，当键对象没有其他强引用时，会被垃圾回收机制回收，WeakMap中对应的键值对也会被自动移除。
- 示例：

let weakMap = new WeakMap();
function createSafeClosure() {
    let data = { /* 一些数据 */ };
    weakMap.set(data, function() {
        return data;
    });
    return weakMap.get(data);
}
let safeClosure = createSafeClosure();
// 当data对象没有其他强引用时，WeakMap中的键值对会被自动移除，避免内存泄漏

星途面试题库

面试题：JavaScript 闭包模块构建中的内存管理

知识考点

面试题答案

可能出现的内存管理问题

避免问题的方法