面试题：JavaScript async/await 性能优化中的内存管理

避免潜在内存泄漏的方法

正确处理引用：确保在异步操作完成后，及时释放对不再需要的对象的引用。例如，在 async 函数中，如果创建了大量临时对象，在使用完毕后将其设置为 null，让垃圾回收器可以回收它们。
取消异步操作：在 async 函数执行过程中，如果不再需要继续执行，可以通过 AbortController 等方式取消操作，避免资源继续占用。例如，在一个长时间运行的网络请求中，如果用户取消了操作，及时终止请求。
使用 WeakMap 和 WeakSet：当需要存储对象的弱引用时，使用 WeakMap 和 WeakSet。它们不会阻止对象被垃圾回收，适用于存储一些临时关联且不影响对象生命周期的数据。

可能导致内存泄漏的场景

未释放的定时器：在 async 函数中使用 setInterval 或 setTimeout，如果在 async 函数结束后没有清除定时器，定时器会持续占用内存。例如：

async function myAsyncFunction() {
    const intervalId = setInterval(() => {
        console.log('Interval running');
    }, 1000);
    // 这里没有清除 intervalId
    await new Promise(resolve => setTimeout(resolve, 5000));
}

未取消的网络请求：发起网络请求后，如果在 async 函数提前结束（例如用户取消操作）时没有取消网络请求，请求会继续占用资源。例如使用 fetch 发起请求：

async function myAsyncFunction() {
    const response = await fetch('https://example.com/api/data');
    const data = await response.json();
    return data;
    // 如果在 await fetch 前函数提前结束，请求不会自动取消
}

优化内存管理及提升性能的编码方式

清除定时器：在 async 函数结束前清除定时器，例如：

async function myAsyncFunction() {
    const intervalId = setInterval(() => {
        console.log('Interval running');
    }, 1000);
    await new Promise(resolve => setTimeout(resolve, 5000));
    clearInterval(intervalId);
}

取消网络请求：使用 AbortController 取消网络请求，例如：

async function myAsyncFunction() {
    const controller = new AbortController();
    const signal = controller.signal;
    try {
        const response = await fetch('https://example.com/api/data', { signal });
        const data = await response.json();
        return data;
    } catch (error) {
        if (error.name === 'AbortError') {
            console.log('Request aborted');
        } else {
            console.error('Request error:', error);
        }
    }
    // 这里可以在需要时调用 controller.abort() 取消请求
}

合理使用 WeakMap 和 WeakSet：假设需要存储临时的用户会话信息，且不希望影响用户对象的生命周期：

const userSessions = new WeakMap();
async function handleUser(user) {
    const session = { /* session data */ };
    userSessions.set(user, session);
    // 业务逻辑
    await new Promise(resolve => setTimeout(resolve, 3000));
    // 这里不需要手动清除 userSessions 中的数据，当 user 对象不再被引用时，WeakMap 中的数据也可被回收
}

星途面试题库

面试题：JavaScript async/await 性能优化中的内存管理

知识考点

面试题答案

避免潜在内存泄漏的方法

可能导致内存泄漏的场景

优化内存管理及提升性能的编码方式