javascript - 在 Typescript 的静态方法中访问类类型参数的解决方法
问题描述
以下错误
静态成员不能引用类类型参数。
以下代码的结果
abstract class Resource<T> {
/* static methods */
public static list: T[] = [];
public async static fetch(): Promise<T[]> {
this.list = await service.get();
return this.list;
}
/* instance methods */
public save(): Promise<T> {
return service.post(this);
}
}
class Model extends Resource<Model> {
}
/* this is what I would like, but the because is not allowed because :
"Static members cannot reference class type parameters."
*/
const modelList = await Model.fetch() // inferred type would be Model[]
const availableInstances = Model.list // inferred type would be Model[]
const savedInstance = modelInstance.save() // inferred type would be Model
我认为从这个例子中可以清楚地看到我想要实现的目标。我希望能够在我的继承类上调用实例和静态方法,并将继承类本身作为推断类型。我找到了以下解决方法来获得我想要的东西:
interface Instantiable<T> {
new (...args: any[]): T;
}
interface ResourceType<T> extends Instantiable<T> {
list<U extends Resource>(this: ResourceType<U>): U[];
fetch<U extends Resource>(this: ResourceType<U>): Promise<U[]>;
}
const instanceLists: any = {} // some object that stores list with constructor.name as key
abstract class Resource {
/* static methods */
public static list<T extends Resource>(this: ResourceType<T>): T[] {
const constructorName = this.name;
return instanceLists[constructorName] // abusing any here, but it works :(
}
public async static fetch<T extends Resource>(this: ResourceType<T>): Promise<T[]> {
const result = await service.get()
store(result, instanceLists) // some fn that puts it in instanceLists
return result;
}
/* instance methods */
public save(): Promise<this> {
return service.post(this);
}
}
class Model extends Resource {
}
/* now inferred types are correct */
const modelList = await Model.fetch()
const availableInstances = Model.list
const savedInstance = modelInstance.save()
我遇到的问题是覆盖静态方法变得非常乏味。执行以下操作:
class Model extends Resource {
public async static fetch(): Promise<Model[]> {
return super.fetch();
}
}
将导致错误,因为Model
不再Resource
正确扩展,因为签名不同。我想不出一种方法来声明一个 fetch 方法而不给我错误,更不用说有一种直观简单的重载方法了。
我可以开始工作的唯一解决方法如下:
class Model extends Resource {
public async static get(): Promise<Model[]> {
return super.fetch({ url: 'custom-url?query=params' }) as Promise<Model[]>;
}
}
在我看来,这不是很好。
有没有一种方法可以覆盖 fetch 方法而无需手动转换为 Model 并使用泛型进行技巧?
解决方案
你可以这样做:
function Resource<T>() {
abstract class Resource {
/* static methods */
public static list: T[] = [];
public static async fetch(): Promise<T[]> {
return null!;
}
/* instance methods */
public save(): Promise<T> {
return null!
}
}
return Resource;
}
上面Resource
是一个通用函数,它返回一个本地声明的类。返回的类不是通用的,因此它的静态属性和方法具有具体的T
. 你可以像这样扩展它:
class Model extends Resource<Model>() {
// overloading should also work
public static async fetch(): Promise<Model[]> {
return super.fetch();
}
}
一切都有您期望的类型:
Model.list; // Model[]
Model.fetch(); // Promise<Model[]>
new Model().save(); // Promise<Model>
所以这可能对你有用。
我现在能看到的唯一警告:
有一些
class X extends Resource<X>()
不完美的重复,但我不认为你可以通过上下文输入来X
推断第二个。本地声明的类型往往不可导出或用作声明,因此您可能需要在此处小心或想出解决方法(例如,导出一些结构相同或结构足够接近的类型并声明
Resource
该类型?) .
无论如何希望这会有所帮助。祝你好运!
推荐阅读
- fedex - FedEx Rate Web services : 如何禁用 Saturday_pickUp 特殊服务
- vue.js - 从日期开始 Vuetify 仅选择年份 (YYYY)
- javascript - 如何使用放置在不同测试套件中单独文件中的 sinon 存根
- angular - CSS 未在 Angular 6 中使用自定义 Webpack 配置呈现
- javascript - 如何从路径中提取文件名?
- django - 在生产环境中,如何将 django 请求记录到与其他 django 日志消息相同的文件中(即不在 nginx-access.log 中)?
- automated-tests - Katalon:GlobalVariable 何时重置?
- shiro - Apache Shiro:除非应用@RequiresPermission,否则阻止方法访问
- python - django 形式的 OnetoOnefield 不起作用。
- excel - 在所有工作表中使用宏