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条回复