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

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

typescript中只能对class成【关注微信公众号:wwwtangshuangnet】【版权所有,侵权必究】员进行约束,无法对static方法进行约著作权归作者所有,禁止商业用途转载。【作者:唐霜】束,我们通过一些特殊方法来实现。

著作权归作者所有,禁止商业用途转载。【原创内容,转载请注明出处】本文版权归作者所有,未经授权不得转载。【关注微信公众号:wwwtangshuangnet】
/**
 * 用于得到某个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构造函数本身。所以,当我们【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有,禁止商业用途转载。在静态方法中进行this约束,或返回th【本文首发于唐霜的博客】【作者:唐霜】is时,可以这样:

转载请注明出处:www.tangshuang.net未经授权,禁止复制转载。原创内容,盗版必究。原创内容,盗版必究。
class Some {
static create<T>(this: Constructor<T>): T & { a: number } {
// @ts-ignore extends 要求特定结构
return class extends this {
a: number = 1;
}
}
}

通过这样对static方法进行签名,就可本文作者:唐霜,转载请注明出处。【本文首发于唐霜的博客】以在使用时很好的约束类型。

转载请注明出处:www.tangshuang.net著作权归作者所有,禁止商业用途转载。转载请注明出处:www.tangshuang.net本文作者:唐霜,转载请注明出处。