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,原创内容,盗版必究。本文版权归作者所有,未经授权不得转载。我们可以获得一个class的type,也【版权所有,侵权必究】【本文首发于唐霜的博客】就是class构造函数本身。所以,当我们【作者:唐霜】转载请注明出处:www.tangshuang.net在静态方法中进行this约束,或返回th【访问 www.tangshuang.net 获取更多精彩内容】【原创不易,请尊重版权】is时,可以这样:

未经授权,禁止复制转载。原创内容,盗版必究。【版权所有,侵权必究】
class Some {
static create<T>(this: Constructor<T>): T & { a: number } {
// @ts-ignore extends 要求特定结构
return class extends this {
a: number = 1;
}
}
}

通过这样对static方法进行签名,就可原创内容,盗版必究。【本文受版权保护】以在使用时很好的约束类型。

本文作者:唐霜,转载请注明出处。【版权所有,侵权必究】未经授权,禁止复制转载。【转载请注明来源】