112022.8
typescript class static静态方法内this类型约束
typescript中只能对class成员进行约束,无法对static方法进行约束,我们通过一些特殊方法来实现。
/** * 用于得到某个class的构造函数,例如: * class Some {} * Constructor<Some> -> Some类型的构造函数,也就是class Some本身 * 用处: * class Some { * static fn<T>(this: Constructor<T>): void; // -> this: Constructor<T> 规定了该静态方法内的this类型,由于类型推导,此处的this被推导为Some本身 * } */ export type Constructor<T> = new (...args: any[]) => T;
通过Constructor这个util,我们可以获得一个class的type,也就是class构造函数本身。所以,当我们在静态方法中进行this约束,或返回this时,可以这样:
class Some {
static create<T>(this: Constructor<T>): T & { a: number } {
// @ts-ignore extends 要求特定结构
return class extends this {
a: number = 1;
}
}
}
通过这样对static方法进行签名,就可以在使用时很好的约束类型。
10:30:33
已有0条回复