Классические миксины

Принципы

• Начинайте с базового конструктора (Constructor = new (...args: any[]) => {}), чтобы миксин принимал любой класс.
• Миксин может добавлять новое состояние и методы, недоступные в исходном классе (scale, setScale).
• Через обобщённый GConstructor накладывайте ограничения: миксин Jumpable работает только с классами, у которых есть setPos.

Пример

export class Sprite {
  constructor(public name: string, public x = 0, public y = 0) {}
}

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 Positionable = GConstructor<{ setPos(x: number, y: number): void }>;

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

Практика

• Разносите миксины по отдельным файлам, чтобы компоновка зависимостей была очевидна (Jumpable(Scale(Sprite))).
• Избегайте приватных/защищённых полей внутри миксинов, используйте публичные или #private поля ES2020.
• В тестах проверяйте, что смешанные классы наследуют поведение от всех миксинов.