รูปแบบมิกซ์อินกับ TypeScript?

ฉันได้อ่านบทความนี้แล้ว https://justinfagnani.com/2015/12/21/real-mixins-with-javascript-classes/

นี่คือโค้ดต้นฉบับของ JavaScript จากบทความ:

class MyClass extends mix(MyBaseClass).with(Mixin1, Mixin2) {
  /* ... */
}

let mix = (superclass) => new MixinBuilder(superclass);

class MixinBuilder {
  constructor(superclass) {
    this.superclass = superclass;
  }

  with(...mixins) { 
    return mixins.reduce((c, mixin) => mixin(c), this.superclass);
  }
}

ฉันสงสัยว่าจะสร้างส่วนช่วยมิกซินแบบนี้ใน TypeScript อย่างไร เพื่อให้ฉันสามารถได้รับการแนะนำประเภทและการวิเคราะห์โค้ดสแตติก

ฉันพยายามหลายชั่วโมงแล้ว... แต่ไม่สามารถทำให้เสร็จได้โดยไม่ใช้ชนิด any ถ้าฉันใช้ any ฉันจะพลาดคำแนะนำชนิดทั้งหมด ซึ่งไม่ใช่สิ่งที่ฉันต้องการ

คำตอบ #1

คุณสามารถใช้การเชื่อมต่อแบบ chaining ได้ เพราะไม่เช่นนั้น Mixins ทั้งหมดจะต้องมีลายเซ็นการคืนค่าที่เหมือนกันโดยใช้ generics:

interface Ctor<T = NonNullable<any>> {
    new(...params: any[]): T;
}

interface MixIn<Superclass extends Ctor, Extension extends Ctor> {
    (ctor: Superclass): Superclass & Extension;
}
function mix<T>(superclass: Ctor<T>) {
    return new MixinBuilder(superclass);
}

interface Mixed<T extends Ctor> {
    with<K extends Ctor>(mixin: MixIn<T, K>): Mixed<ReturnType<MixIn<T, K>>> & ReturnType<MixIn<T, K>>;
}

class MixinBuilder<T extends Ctor> {
    superclass: T;
    constructor(superclass: T) {
        console.log(superclass);
        this.superclass = superclass;
    }

    with<K extends Ctor>(mixin: MixIn<T, K>): Mixed<ReturnType<MixIn<T, K>>> & ReturnType<MixIn<T, K>>  {
        const mixed = mixin(this.superclass);
        return class extends mixed {
            static with<K extends Ctor>(mixin: MixIn<typeof mixed, K>) {
                return new MixinBuilder(mixed).with(mixin);
            }
        } as any;
    }
}

สนามเด็กเล่น