ts 类的mixins

在 TypeScript 中，虽然不像 JavaScript 那样直接支持 Mixin（混合），但可以通过一些间接的方式来实现类似的功能。主要有以下几种方式：

1. **装饰器(decorators)**: TypeScript 提供了装饰器，可以在类声明之前添加元信息，模拟 Mixin 的行为。通过装饰器，可以在运行时修改类的行为，但不是严格意义上的继承。

// 装饰器示例
@Mixin('sharedProperties')
class MyClass {
  // ...
}

2. **组合类型(Composition):** 将多个类的属性合并到一个新的类里，而不是继承它们。这通常涉及到浅拷贝或扩展现有类的构造。

type SharedProps = {
  sharedField: string;
};

class SharedMixin {
  sharedField: string;
}

class MyClass extends SharedMixin {
  constructor(props: SharedProps & {} /* 或者具体所需属性 */) {
    super();
    Object.assign(this, props); // 或者使用 spread operator ({...props})
  }
}

3. **利用高阶组件(Higher-Order Classes):** 如果是在 React 或其他库（如 Angular）中，可以使用高阶类（HOCs）来提供共有的行为，实际上也是一种“混入”。

function withSharedBehavior(targetClass: Function) {
  class WrappedClass extends targetClass {
    // 添加共享行为
    doSomething() {
      // ...
    }
  }
  return WrappedClass;
}

class MyClass extends (withSharedBehavior(MyClass)) {
  // ...
}

请注意，虽然这些方法可以达到类似 Mixin 的效果，但它们并不是标准的 TypeScript 继承机制，所以在某些场景下可能会带来额外的复杂性和限制。