我可以为类的方法定义通用的打字稿接口吗？

Question

我正在清理Angular 4应用程序的类型，并且想定义一个负责API调用的Database类的接口。

这些类将具有接收Criteria对象并返回ResultItems[]很大的ResultItems[] Observables的ResultItems[] 。 所以我尝试定义此接口：

import { Observable } from 'rxjs/Observable';

export interface Database<C> {
  [methodName: string]: (args: C) => Observable<any>;
}

涵盖接收Criteria并返回any东西的方法。

然后，我尝试进行这种实现：

@Injectable()
export class ItemsDatabase<ItemsCriteria> implements Database<ItemsCriteria> {
  constructor(private api: ApiService) {}

  fetch(args: ItemsCriteria): Observable<APIResponse[]> {
    return this.api.fetchItems(args);
  }

  summary(args: ItemsCriteria): Observable<SummaryResponse[]> {
    return this.api.itemsSummary(args);
  }
}

但Typescript拒绝抛出：

Class 'ItemsDatabase<ItemsCriteria>' incorrectly implements interface 'Database<ItemsCriteria>'.
  Index signature is missing in type 'ItemsDatabase<ItemsCriteria>'

有什么建议吗？ 还是这是不可能的？ 提前致谢！

Answer 1

您必须将索引签名添加到类中

@Injectable()
export class ItemsDatabase<ItemsCriteria> implements Database<ItemsCriteria> {
  constructor(private api: ApiService) {}
  [methodName: string]: (args: ItemsCriteria) => Observable<any>;
  fetch(args: ItemsCriteria): Observable<APIResponse[]> {
    return this.api.fetchItems(args);
  }

  summary(args: ItemsCriteria): Observable<SummaryResponse[]> {
    return this.api.itemsSummary(args);
  }
}