如何利用 WeakSet 构建具备“成员自动清理”特性的高性能图形渲染对象追踪器-js教程-PHP中文网

weakset 更适合追踪渲染对象，因其弱引用特性使销毁对象自动从集合中移除，避免内存泄漏；而 set 会强引用对象导致 gc 无法回收，需手动清理。

如何利用 weakset 构建具备“成员自动清理”特性的高性能图形渲染对象追踪器

WeakSet 是 JavaScript 中一种特殊的集合类型，它的核心特性是弱引用持有对象——只要对象在其他地方不再被强引用，它就会自动从 WeakSet 中移除，无需手动清理。这个机制天然契合图形渲染中“对象生命周期与 DOM/Canvas/场景图节点强绑定”的场景，特别适合构建轻量、无内存泄漏风险的渲染对象追踪器。

为什么 WeakSet 比 Set 更适合追踪渲染对象

图形渲染中常需维护一个“当前活跃对象列表”，比如正在动画的精灵、待更新的 MeshRenderer、或需每帧检查可见性的 UI 元素。若用普通 Set 存储这些对象：

对象即使已被销毁（如 entity.destroy()、removeChild()），只要还留在 Set 里，就始终被强引用，无法被 GC 回收；
开发者必须显式调用 delete 或 clear，极易遗漏，导致内存持续增长；
在频繁创建销毁的 UI 动画或 AR 场景中，这类泄漏会快速累积。

而 WeakSet 不保留强引用，对象一旦脱离所有其他引用链，下次 GC 就自动消失——这正是“成员自动清理”的本质。

构建一个实际可用的渲染对象追踪器

以下是一个基于 WeakSet 的轻量级追踪器示例，适用于 ArkTS 或 WebGL/Canvas 渲染循环：

class RenderTracker {
  private tracked = new WeakSet<object>();

  track(obj: object): void {
    this.tracked.add(obj);
  }

  has(obj: object): boolean {
    return this.tracked.has(obj);
  }

  // 返回当前仍存活的对象数组（用于遍历更新）
  alive(): object[] {
    // 注意：WeakSet 不支持遍历，需配合外部管理
    // 实际使用中，建议搭配 requestAnimationFrame 循环 + 状态标记
  }
}</object>

⚠️ 关键限制：WeakSet 不能遍历，也不能获取 size。因此不能直接用它做“每帧遍历所有追踪对象”。正确做法是：