Современные миксины

Принципы

• Миксин — функция, принимающая базовый класс и возвращающая новый класс, расширенный дополнительным поведением.
• Для совместимости используйте универсальный Constructor (new (...args: any[]) => {}) и описывайте ограничения для обязательных методов.
• Можно накладывать требования на базовый класс с помощью TBase extends Positionable, чтобы миксин компилировался только с подходящими типами.

Пример

type Constructor = new (...args: any[]) => {};

function Scale<TBase extends Constructor>(Base: TBase) {
  return class Scaling extends Base {
    private _scale = 1;
    setScale(scale: number) {
      this._scale = scale;
    }
    get scale() {
      return this._scale;
    }
  };
}

type GConstructor<T = {}> = new (...args: any[]) => T;
type Positionable = GConstructor<{ setPos(x: number, y: number): void }>;

function Jumpable<TBase extends Positionable>(Base: TBase) {
  return class extends Base {
    jump() {
      this.setPos(0, 20);
    }
  };
}

Практика

• Храните состояние миксина в закрытых/приватных полях, чтобы избежать конфликтов с базовым классом.
• Старайтесь документировать, какие методы должен предоставлять базовый класс (через тип-псевдонимы).
• Компонуйте миксины последовательно: const JumpableSprite = Jumpable(Scale(Sprite)); — TypeScript проверит совместимость.