JavaScript 获取类的所有实例

在 JavaScript 中，我们有时需要获取一个类的所有实例，以便对它们进行操作或监测。本文将介绍获取类的所有实例的几种方法。

1. 使用构造函数的静态属性

JavaScript 中的构造函数有一个名为 prototype 的原型属性，该属性具有一个名为 constructor 的函数属性。该函数属性是构造函数本身。我们可以在构造函数上定义一个静态属性，用来存放它的所有实例，以便在需要时查询它们。

class MyClass {
  static instances = [];

  constructor() {
    MyClass.instances.push(this);
  }
}

const instance1 = new MyClass();
const instance2 = new MyClass();

console.log(MyClass.instances);
// [MyClass {}, MyClass {}]

在上面的示例中，我们定义了 MyClass.instances 静态属性来存放 MyClass 的所有实例。然后，在 MyClass 构造函数的构造器中，我们将每个实例添加到 instances 数组中。最后，我们可以查询 MyClass.instances 数组，以获取 MyClass 的所有实例。

2. 使用 WeakMap

ECMAScript 6 中引入了一种名为 WeakMap 的新类型，它可以存储对象的弱引用。这意味着，如果没有其他变量引用该对象，它可以被垃圾回收。与普通的 JavaScript 对象不同，WeakMap 不支持遍历。但是，我们可以将每个实例作为 WeakMap 的 key，将任意值作为 value。这样，我们就可以方便地查询到 MyClass 的所有实例。

class MyClass {
  static instances = new WeakMap();

  constructor() {
    MyClass.instances.set(this, true);
  }
}

const instance1 = new MyClass();
const instance2 = new MyClass();

console.log(Array.from(MyClass.instances.keys()));
// [MyClass {}, MyClass {}]

在上面的示例中，我们定义了 MyClass.instances WeakMap，用来存放 MyClass 的所有实例。在 MyClass 构造函数的构造器中，我们将每个实例作为 WeakMap 的 key，并将任意值作为 value。最后，我们可以通过调用 MyClass.instances.keys() 方法，获取 MyClass 的所有实例。

3. 使用模块变量

JavaScript 模块具有全局作用域，因此在模块变量中初始化一个存储所有实例的数组，可以方便地跟踪一个类的所有实例。

const instances = [];

export default class MyClass {
  constructor() {
    instances.push(this);
  }
}

const instance1 = new MyClass();
const instance2 = new MyClass();

console.log(instances);
// [MyClass {}, MyClass {}]

在上面的示例中，我们定义了一个名为 instances 的模块变量，用来存放 MyClass 的所有实例。在 MyClass 构造函数的构造器中，我们将每个实例添加到 instances 数组中。最后，我们可以直接使用 instances 变量，获取 MyClass 的所有实例。

结论

这些方法都可以帮助我们轻松地获取一个类的所有实例。我们可以根据需要选择其中的任何一种方法，并根据代码的架构和需求进行调整。如有疑问，欢迎在评论区留言。

Markdown 代码片段：

```javascript
class MyClass {
  static instances = [];

  constructor() {
    MyClass.instances.push(this);
  }
}

const instance1 = new MyClass();
const instance2 = new MyClass();

console.log(MyClass.instances);
// [MyClass {}, MyClass {}]
```

```javascript
class MyClass {
  static instances = new WeakMap();

  constructor() {
    MyClass.instances.set(this, true);
  }
}

const instance1 = new MyClass();
const instance2 = new MyClass();

console.log(Array.from(MyClass.instances.keys()));
// [MyClass {}, MyClass {}]
```

```javascript
const instances = [];

export default class MyClass {
  constructor() {
    instances.push(this);
  }
}

const instance1 = new MyClass();
const instance2 = new MyClass();

console.log(instances);
// [MyClass {}, MyClass {}]
```