typescript class static静态方法内this类型约束

广告位招租
扫码页面底部二维码联系

typescript中只能对class成未经授权,禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】员进行约束,无法对static方法进行约【版权所有】唐霜 www.tangshuang.net【原创内容,转载请注明出处】束,我们通过一些特殊方法来实现。

未经授权,禁止复制转载。本文版权归作者所有,未经授权不得转载。著作权归作者所有,禁止商业用途转载。【版权所有,侵权必究】
/**
 * 用于得到某个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,【关注微信公众号:wwwtangshuangnet】著作权归作者所有,禁止商业用途转载。我们可以获得一个class的type,也原创内容,盗版必究。【本文受版权保护】就是class构造函数本身。所以,当我们未经授权,禁止复制转载。原创内容,盗版必究。在静态方法中进行this约束,或返回th【关注微信公众号:wwwtangshuangnet】【转载请注明来源】is时,可以这样:

原创内容,盗版必究。原创内容,盗版必究。【原创内容,转载请注明出处】【原创不易,请尊重版权】
class Some {
static create<T>(this: Constructor<T>): T & { a: number } {
// @ts-ignore extends 要求特定结构
return class extends this {
a: number = 1;
}
}
}

通过这样对static方法进行签名,就可【未经授权禁止转载】【原创不易,请尊重版权】以在使用时很好的约束类型。

本文作者:唐霜,转载请注明出处。未经授权,禁止复制转载。【作者:唐霜】