如何在JavaScript中动态生成带自定义方法组合的子类以适配反射工具？

完全可以通过JavaScript的原型机制实现数据驱动的Calculator类方法组合，以下是具体实现：

1. 定义基础类与方法模板 #

首先创建基础的Calculator类，以及可复用的方法实现：

// 基础计算器类
class Calculator {
  constructor(name) {
    this.name = name;
  }
}

// 预定义所有可能的计算器方法
const calculatorMethods = {
  add(left, right) {
    console.log(`${this.name}: ${left + right}`);
  },
  subtract(left, right) {
    console.log(`${this.name}: ${left - right}`);
  }
  // 可扩展更多方法，比如multiply、divide等
};

2. 动态生成类的工厂函数 #

编写一个工厂函数，根据传入的方法名列表，动态生成包含指定方法的Calculator子类：

function createCalculatorClass(methods = []) {
  // 创建继承自Calculator的动态子类
  class DynamicCalculator extends Calculator {
    constructor(name) {
      super(name);
    }
  }

  // 将指定方法挂载到子类的原型上
  methods.forEach(methodName => {
    if (calculatorMethods[methodName]) {
      DynamicCalculator.prototype[methodName] = calculatorMethods[methodName];
    }
  });

  return DynamicCalculator;
}

3. 生成不同组合的Calculator类 #

通过工厂函数快速生成各种方法组合的类：

// 无数学方法的Calculator
const EmptyCalculator = createCalculatorClass();
// 仅含add方法的Calculator
const AddOnlyCalculator = createCalculatorClass(['add']);
// 仅含subtract方法的Calculator
const SubtractOnlyCalculator = createCalculatorClass(['subtract']);
// 同时含add和subtract方法的Calculator
const FullCalculator = createCalculatorClass(['add', 'subtract']);

4. 验证反射工具的兼容性 #

使用提供的getMethods工具测试：

console.log(getMethods(new FullCalculator("test"))); // 输出 ["add", "subtract"]
console.log(getMethods(new AddOnlyCalculator("test"))); // 输出 ["add"]
console.log(getMethods(new EmptyCalculator("test"))); // 输出 []

原理说明 #

• 动态子类继承自基础Calculator，原型链结构与硬编码类一致，确保反射工具能正常遍历
• 方法直接挂载在子类的prototype上，属于原型的自有属性，会被Object.getOwnPropertyNames捕获
• 完全符合反射工具的过滤逻辑（排除constructor、仅保留函数、去重等）

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