如何在ES6类内部运行时修改类的prototype

想要在类声明内部完成动态添加原型方法的操作？ES2022引入的静态初始化块是最适合的解决方案，它会在类被定义时自动执行一次，完美替代你之前在类外部扩展原型的逻辑：

class X {
  someUnrelatedFunction() {}

  // 静态初始化块：类定义时自动执行
  static {
    // 这里可以放入动态生成方法的逻辑，即便方法名数组不是提前硬编码的
    ['a', 'b', 'c'].forEach(elem => {
      X.prototype[elem] = () => {
        console.log('called with : ' + elem);
      };
    });
  }
}

// 测试验证
const x = new X();
x.c(); // 正常输出 'called with : c'

方案说明 #

• 静态初始化块属于类声明的一部分，执行时机在类被解析定义完成后，此时可以安全地操作类的prototype对象。
• 这个方案和你之前在类外部添加方法的效果完全一致，但把动态扩展的逻辑封装在了类内部，符合你的需求。

兼容旧环境的替代方案 #

如果你的运行环境不支持ES2022，也可以用静态方法手动触发初始化的方式（虽然需要额外调用一次，但逻辑依然在类内部）：

class X {
  someUnrelatedFunction() {}

  // 封装初始化逻辑到静态方法
  static setupPrototypeMethods() {
    ['a', 'b', 'c'].forEach(elem => {
      X.prototype[elem] = () => {
        console.log('called with : ' + elem);
      };
    });
  }
}

// 必须手动调用一次完成初始化
X.setupPrototypeMethods();

// 测试
const x = new X();
x.a(); // 输出 'called with : a'

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