JavaScript class 不支持多重继承，但可通过 mixin 模式实现：用 Object.assign 混入方法到 prototype；封装 applyMixins 函数保留属性描述符；函数式 mixin 支持私有状态；需避免同名冲突、不混入 constructor、静态方法需单独处理。
JavaScript 的 class 语法本身不原生支持多重继承，但可以通过“mixin”模式把多个对象的方法“混入”到一个类中，实现类似多继承的效果。核心思路是：**在类定义后、实例化前，把多个 mixin 对象的自有方法复制到目标类的 prototype 上**。
用 Object.assign 实现基础 mixin
最常用、简洁的方式是用 Object.assign 把多个 mixin 的方法批量拷贝到类原型：
// 定义两个 mixin
const Flyable = {
fly() { console.log('Flying...'); }
};
const Swimmable = {
swim() { console.log('Swimming...'); }
};
// 定义主类
class Duck {
quack() { console.log('Quack!'); }
}
// 混入多个特性
Object.assign(Duck.prototype, Flyable, Swimmable);
// 使用
const duck = new Duck();
duck.quack(); // Quack!
duck.fly(); // Flying...
duck.swim(); // Swimming...
封装可复用的 mixin 函数
手动调用 Object.assign 不够灵活。可以封装一个高阶函数，支持链式混入或批量混入：
function applyMixins(targetClass, ...mixins) {
mixins.forEach(mixin => {
Object.getOwnPropertyNames(mixin).forEach(name => {
if (name !== 'constructor') {
Object.defineProperty(
targetClass.prototype,
name,
Object.getOwnPropertyDescriptor(mixin, name)
);
}
});
});
}
// 使用
class Bird {}
applyMixins(Bird, Flyable, Swimmable);
这个版本比 Object.assign 更严谨：它保留了属性描述符（如 enumerable、writable），也跳过了 constructor 避免覆盖。
支持带状态的 mixin（闭包或初始化逻辑）
如果 mixin 需要在实例上添加私有字段或执行初始化，可以改用函数式 mixin —— 返回一个接收 targetClass 的函数：
const Countable = (superclass) => class extends superclass {
constructor(...args) {
super(...args);
this.count = 0;
}
increment() { this.count++; }
getCount() { return this.count; }
};
class Counter {}
const CountingCounter = Countable(Counter); // 生成新类
const c = new CountingCounter();
c.increment();
console.log(c.getCount()); // 1
这种写法本质是“类工厂”，能安全引入私有状态和生命周期逻辑，适合复杂 mixin。
注意事项与避坑点
-
避免方法名冲突：多个 mixin 同名方法会后者覆盖前者，建议命名加前缀（如
flyable_fly）或提前检查重名 -
不混入 constructor：mixin 里不要定义
constructor，否则会破坏主类构造逻辑 -
静态方法需单独处理：
Object.assign(Duck, Mixin)可混入静态方法，但要和实例方法分开操作 -
TypeScript 用户注意：需用
declare module或接口合并补充类型定义，否则类型检查会丢失混入方法
