JavaScript静态类的emit方法如何判断此前是否调用过room方法

你当前的写法将r直接挂载到类A的静态属性上，只要调用过一次room方法，r的值就会永久留存，会导致后续直接调用emit时出现误判，下面提供两种适配不同场景的实现方案：

方案1：私有静态标记+调用后重置（仅适合纯同步链式调用场景） #

用私有静态属性存储调用标记，emit执行完后立即重置标记和r的值，避免影响后续调用：

class A {
  // 私有静态属性，外部无法修改，避免污染
  static #roomCalled = false;
  static r = null;

  static room(r) {
    this.r = r;
    this.#roomCalled = true;
    return this;
  }
  static emit(event, data) {
    if (this.#roomCalled) {
      console.log('本次调用前已执行room方法，room值为', this.r);
      // 执行完立即重置，避免影响后续调用
      this.#roomCalled = false;
      this.r = null;
    } else {
      console.log('本次调用前未执行room方法');
    }
    console.log('this.r', this.r, {event, data});
  }
}

注意：如果链式调用中间存在异步操作，该方案的重置逻辑会提前触发，导致判断失效。

方案2：返回独立上下文实例（推荐，无全局污染） #

每次调用room时返回一个新的A类实例，把r挂载到实例上而不是全局静态属性上，多次调用完全隔离互不影响：

class A {
  // 默认实例，供直接调用静态emit使用
  static #defaultInstance = new A();

  constructor(r = null) {
    this.r = r;
  }

  static room(r) {
    // 返回带room参数的独立实例
    return new A(r);
  }

  // 静态emit走默认实例
  static emit(event, data) {
    return this.#defaultInstance.emit(event, data);
  }

  // 实例方法处理实际逻辑
  emit(event, data) {
    if (this.r !== null) {
      console.log('本次调用前已执行room方法，room值为', this.r);
    } else {
      console.log('本次调用前未执行room方法');
    }
    console.log('this.r', this.r, {event, data});
  }
}

该方案完全没有全局状态污染，支持并发调用，适配所有场景。

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