TypeScript中基于内置类实现多类继承的方案咨询

嘿，这个问题其实挺典型的——TypeScript本身不支持原生多继承，而且还要和浏览器内置的AudioNode这类预定义类打交道，直接用extends肯定绕不开限制，不过咱们可以用Mixin模式来完美解决你的需求，一步步来给你拆解：

第一步：实现CustomAudioNode继承AudioNode #

这个是常规的类继承，完全没问题，直接写就好：

class CustomAudioNode extends AudioNode {
  // 这里添加你的自定义属性和方法
  customAudioMethod() {
    console.log("执行CustomAudioNode的自定义逻辑");
  }
}

第二步：给内置GainNode注入CustomAudioNode的功能 #

因为GainNode是浏览器原生类，咱们没法让它直接extends CustomAudioNode，所以用Mixin函数来把CustomAudioNode的特性“混合”进去，同时保留GainNode的原生能力：
首先定义一个通用的Mixin类型工具，保证类型安全：

// 通用构造函数类型，用来约束Mixin的基础类
type Constructor<T = {}> = new (...args: any[]) => T;

// 这个Mixin函数会把CustomAudioNode的功能附加到目标类上
function withCustomAudioNode<TBase extends Constructor<AudioNode>>(Base: TBase) {
  return class extends Base {
    constructor(...args: any[]) {
      super(...args);
      // 如果CustomAudioNode有构造初始化逻辑，在这里执行
    }

    // 复制CustomAudioNode的方法（如果有多个方法都要复制过来）
    customAudioMethod() {
      console.log("执行CustomAudioNode的自定义逻辑");
    }
  };
}

// 用Mixin增强原生GainNode
const EnhancedGainNode = withCustomAudioNode(GainNode);

现在EnhancedGainNode就同时具备原生GainNode的所有能力，以及CustomAudioNode的自定义方法了。

第三步：实现CustomGainNode的扩展 #

现在要做CustomGainNode，直接继承上面的EnhancedGainNode就行，这样它就同时继承了GainNode的原生功能和CustomAudioNode的自定义功能：

class CustomGainNode extends EnhancedGainNode {
  constructor(context: AudioContext, options?: GainOptions) {
    super(context, options);
  }

  // 添加CustomGainNode自己的专属方法
  customGainMethod() {
    console.log("执行CustomGainNode的专属逻辑");
    // 可以直接调用继承来的方法
    this.customAudioMethod();
    // 也能直接操作原生GainNode的属性
    this.gain.value = 0.7;
  }
}

额外说明 #

如果你的CustomAudioNode有私有属性，建议把这些属性改成受保护或者公共属性，或者通过方法来访问，这样Mixin才能正常复用；另外，TypeScript对Mixin的类型校验比较严格，一定要确保Mixin函数的类型定义和基础类兼容，避免出现类型报错。

备注：内容来源于stack exchange，提问作者JSmith