如何在使用new构造函数时自动执行用户注册逻辑？

嘿，这事儿其实挺简单的！你完全可以在User类内部用静态属性来存储所有创建的实例，这样既符合封装原则，又能自动完成注册，根本不用折腾全局变量或者自执行函数。

直接看修改后的代码：

class User {
  // 定义一个静态属性，用来存储所有User实例
  static instances = [];

  constructor(email, name) {
    this.email = email;
    this.name = name;
    // 把当前创建的实例添加到静态数组里
    User.instances.push(this);
  }
}

var user1 = new User("john@sds.com", "John");
var user2 = new User("san@wp.com", "San");

// 现在你可以直接通过类访问所有实例啦
console.log(User.instances);
// 输出: [User { email: 'john@sds.com', name: 'John' }, User { email: 'san@wp.com', name: 'San' }]

为什么这么做？ #

• static instances是属于User类本身的属性，而不是某个实例的，所以所有通过new User()创建的实例都会被统一存放在这里。
• 构造函数里的User.instances.push(this)会在每次创建新实例时自动执行，完美实现“创建即注册”的需求。

如果你实在想用全局变量（不推荐，因为容易污染全局作用域），也可以这么改：

var users = [];
class User {
  constructor(email, name) {
    this.email = email;
    this.name = name;
    users.push(this);
  }
}

var user1 = new User("john@sds.com", "John");
var user2 = new User("san@wp.com", "San");

console.log(users); // 同样能拿到所有实例

但还是优先推荐类静态属性的方案，它更整洁，也更符合面向对象的设计思想~

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