TypeScript使用Mixin实现多继承时如何模拟super调用？

你当前使用的属性复制式applyMixins存在本质缺陷：它会直接将Mixin类原型上的方法拷贝覆盖到派生类原型，既没有保留派生类原有同名方法，也没有构建完整的原型链，原生super关键字无法沿着继承链查找上游实现，最终只会执行最后被拷贝到原型上的方法，也就是Activatable的activate。

以下两种方案都可以实现和原生super完全一致的链式调用效果，不需要手动重命名方法、不需要在子类中多次调用不同方法。

方案1：改造Mixin挂载逻辑，构建链式原型 #

保留你现有的类写法，只需要修改applyMixins实现，不再直接覆盖属性，而是按Mixin应用顺序拼接原型链，原生super即可自动生效。

改造后的工具函数代码：

function applyMixins(derivedCtor: any, constructors: any[]) {
  let accumulatedProto = derivedCtor.prototype;
  for (const baseCtor of constructors) {
    // 基于当前Mixin原型创建新的原型节点，避免修改原Mixin类
    const mixinNode = Object.create(baseCtor.prototype);
    // 将之前累积的所有方法/属性拷贝到当前原型节点
    for (const propName of Object.getOwnPropertyNames(accumulatedProto)) {
      if (propName === 'constructor') continue;
      const propDesc = Object.getOwnPropertyDescriptor(accumulatedProto, propName);
      if (propDesc) Object.defineProperty(mixinNode, propName, propDesc);
    }
    accumulatedProto = mixinNode;
  }
  // 将拼接完成的整条原型链挂载到派生类
  Object.setPrototypeOf(derivedCtor.prototype, accumulatedProto);
}

改造完成后，你原有业务代码只需要把ThingParent中强转this调用的写法换成原生super即可：

class ThingParent extends SomethingElse{
    public activate(): void {
        // 替换原来的 (this as Activatable).activate()
        super.activate();
        let addSomeValueHere = true;
        console.log('Thing parent activated')
    }
}

最终调用thing.activate()的输出顺序完全符合预期：

Activatable activated
Thing parent activated
Thing activated

方案2：使用TypeScript官方推荐的Mixin工厂模式（推荐） #

这是TypeScript官方文档收录的标准Mixin实现方式，通过高阶类嵌套生成天然的继承链，没有黑魔法，类型推导完全准确，不需要手动声明接口合并类型。

完整实现代码：

// 定义构造函数类型约束，用于Mixin工厂的类型签名
type Constructor<T = {}> = new (...args: any[]) => T;

// 每个Mixin用工厂函数实现，接收基类返回继承了Mixin能力的新类
function Activatable<TBase extends Constructor>(Base: TBase) {
  return class extends Base {
    private activated: boolean = false;
    public activate(): void {
      this.activated = true;
      console.log('Activatable activated')
    }
  }
}

class SomethingElse{}

// 按顺序嵌套应用Mixin，天然形成完整继承链
class ThingParent extends Activatable(SomethingElse) {
  public activate(): void {
    // 直接通过super调用上游实现，不需要类型强转
    super.activate();
    const addSomeValueHere = true;
    console.log('Thing parent activated')
  }
}

class Thing extends ThingParent {
  constructor(){
    super()
  }
  public activate(): void {
    super.activate();
    console.log('Thing activated');
  }
}

const thing = new Thing();
thing.activate();

该方案的优势：

• 完全遵循原生类继承规则，super行为和普通单继承完全一致，没有兼容问题
• 不需要手动维护类型声明，TypeScript可以自动推导所有Mixin带来的属性和方法
• 支持Mixin自身的构造函数逻辑、属性初始化，比属性复制方案的健壮性高很多
• 不会出现同名方法被意外覆盖的问题，方法重写逻辑完全符合原生类的表现

不要使用修改方法名、在子类手动调用多个分散方法的方案，这类方案维护成本极高，新增/删除Mixin时需要修改所有子类的调用逻辑，非常容易出bug。

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