如何在不使用全局变量的情况下在Class中生成序列号

你可以通过以下几种方式在类内部维护ID计数器，避免污染全局命名空间：

1. 使用静态私有字段（推荐，ES2022+） #

利用ES2022引入的静态私有字段，将计数器封装在类内部，外部无法直接访问或修改，安全性最高：

class Member {
  // 静态私有计数器，仅类内部可访问
  static #idCounter = 0;

  constructor(firstName, lastName, birthDay) {
    this.id = ++Member.#idCounter;
    this.firstName = firstName;
    this.lastName = lastName;
    this.birthDay = birthDay;
  }
}

const m1 = new Member('Oliver', 'Cruz', '11/13/1990');
console.log(m1.id); // 1

const m2 = new Member('Sophia', 'Brown', '11/30/1992');
console.log(m2.id); // 2

说明：静态私有字段以#开头，仅属于类本身，不会被实例继承，且外部无法直接访问Member.#idCounter，有效避免意外修改。

2. 使用公共静态属性 #

如果你的环境不支持静态私有字段，可以使用公共静态属性，相比全局变量，它的作用域被限制在类的命名空间下：

class Member {
  static idCounter = 0;

  constructor(firstName, lastName, birthDay) {
    this.id = ++Member.idCounter;
    this.firstName = firstName;
    this.lastName = lastName;
    this.birthDay = birthDay;
  }
}

const m1 = new Member('Oliver', 'Cruz', '11/13/1990');
console.log(m1.id); // 1

const m2 = new Member('Sophia', 'Brown', '11/30/1992');
console.log(m2.id); // 2

若需要防止外部意外修改计数器，可以结合Object.defineProperty设置为不可写：

class Member {
  constructor(firstName, lastName, birthDay) {
    this.id = ++Member.idCounter;
    // ...其他属性初始化
  }
}

// 定义不可写的静态计数器
Object.defineProperty(Member, 'idCounter', {
  value: 0,
  writable: false,
  configurable: false,
  enumerable: false
});

3. 使用闭包封装 #

通过立即执行函数表达式（IIFE）创建闭包，将计数器隐藏在闭包作用域中，类定义在闭包内部，只能访问该计数器：

const Member = (() => {
  let idCounter = 0;

  return class Member {
    constructor(firstName, lastName, birthDay) {
      this.id = ++idCounter;
      this.firstName = firstName;
      this.lastName = lastName;
      this.birthDay = birthDay;
    }
  };
})();

const m1 = new Member('Oliver', 'Cruz', '11/13/1990');
console.log(m1.id); // 1

const m2 = new Member('Sophia', 'Brown', '11/30/1992');
console.log(m2.id); // 2

说明：闭包内的idCounter完全与全局隔离，外部无法访问，兼容性好，适合旧版JS环境。

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