JavaScript类实例被解除引用时如何自动清理内部定时器？

原生实现无法自动清理的核心原因有两个：

• setInterval由JS运行时直接持有，只要定时器没有被手动清除，它的回调函数就永远不会被回收
• 箭头函数作为定时器回调时捕获了this也就是Thing类的实例，导致实例被回调持续引用，哪怕外部把实例引用设为undefined，实例也永远不会被垃圾回收器回收，定时器自然会持续运行。

ES2021 引入的FinalizationRegistry可以满足需求，它可以监听目标对象被垃圾回收的事件，触发对应的清理回调，实现完全内部封装的自动清理逻辑。
注意绝对不能让清理逻辑持有目标实例的任何引用，否则会导致实例永远无法被GC，清理回调永远不会触发。

完整实现代码 #

// 全局注册清理器，回调接收提前绑定的清理参数
const thingCleanerRegistry = new FinalizationRegistry((timerId) => {
  clearInterval(timerId);
});

class Thing {
  constructor() {
    // 定时器回调不要引用this，避免持有实例引用
    const timerId = setInterval(() => console.log('Hi'), 1000);
    // 将当前实例和对应要清理的timerId绑定到注册器
    thingCleanerRegistry.register(this, timerId);
  }
}

// 测试逻辑
let a = new Thing();
// ... 执行其他操作
a = undefined;
// 实例被GC回收后，定时器会自动被清理

• FinalizationRegistry的回调触发时机完全由JS引擎的GC策略决定，并不是实例引用被解除后立刻执行，如果你需要精准可控的清理时机，还是建议对外暴露显式的destroy方法，这是最稳定可靠的方案
• 该API仅支持ES2021及以上的运行环境，需要兼容老旧环境的场景无法使用
• 不要在清理回调、绑定的清理参数中携带目标实例的引用，否则会造成内存泄漏，自动清理逻辑完全失效

内容的提问来源于stack exchange，提问作者Andrew