我读过这篇文章。https://justinfagnani.com/2015/12/21/real-mixins-with-javascript-classes/ 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);
}
}
我想知道如何在打字稿中创建这样一个 mixin 实用程序助手,以便我可以获得类型命中和静态代码分析。
我已经尝试了几个小时...但如果不使用一些就无法完成它any
类型,如果我使用any
我错过了所有类型提示,这不是我想要的。
您可以使用链接,因为否则所有 Mixin 都必须使用泛型具有相同的返回签名:
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;
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)