如何按数据类型查找所有元素？如何获取特定类的全部实例？

好问题！原生JavaScript并没有提供直接获取某个类所有实例的内置方法，但我们有几种可行的方案来实现这个需求，具体要看你能不能修改目标类的代码，以及使用场景：

1. 手动维护实例列表（推荐，可控性强） #

如果可以修改A类的代码，最简单的方式是在类内部维护一个静态集合，每次实例化时把当前实例加入集合。这里推荐用WeakSet而不是普通数组，因为WeakSet持有的是弱引用——当实例被垃圾回收时，会自动从集合中移除，不会造成内存泄漏：

class A {
  // 静态WeakSet存储所有实例
  static instances = new WeakSet();
  
  constructor() {
    A.instances.add(this);
  }
}

// 创建实例
const a = new A();
const b = new A();
const c = new A();

不过WeakSet无法直接遍历，如果需要遍历实例，可以结合数组使用，但要注意手动管理实例的移除（比如在实例的销毁方法中从数组中删除）：

class A {
  static instances = [];
  
  constructor() {
    A.instances.push(this);
  }
  
  // 假设实例有销毁逻辑
  destroy() {
    const index = A.instances.indexOf(this);
    if (index !== -1) {
      A.instances.splice(index, 1);
    }
  }
}

2. 遍历全局对象（仅临时方案，局限性大） #

如果无法修改A类的代码，且实例都挂载在全局作用域（比如浏览器的window对象），可以尝试遍历全局属性并通过instanceof判断：

function findAllInstances(cls) {
  const instances = [];
  // 遍历window的所有可枚举属性
  for (const key in window) {
    try {
      const value = window[key];
      // 检查是否是目标类的实例
      if (value instanceof cls) {
        instances.push(value);
      }
    } catch (e) {
      // 跳过无访问权限的属性
      continue;
    }
  }
  return instances;
}

// 使用示例
const allAInstances = findAllInstances(A);

⚠️ 注意：这种方法只能找到全局作用域下的实例，局部作用域（比如函数内部）的实例无法被捕获，而且遍历全局属性效率极低，不适合大量对象的场景。

3. 利用浏览器开发者工具（调试场景首选） #

如果是在调试阶段需要查看所有实例，浏览器的DevTools是最靠谱的工具：

• 内存快照法：打开Chrome DevTools的「Memory」面板，点击「Take snapshot」拍摄内存快照，然后在搜索框输入类名A，就能筛选出所有A的实例，还能查看它们的引用链、内存占用等信息。
• 断点追踪法：在A类的构造函数中添加断点，每次实例化时都会触发断点，你可以在调试器中查看当前实例的信息。

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