Typescript 在打印脚本中使用泛型扩展抽象类

发布于01月16日

在扩展接受T的类TextClass时，我希望类ImplTestClass中的属性eventList的类型是一个具有所有可能值AllowedEvents的数组

我似乎想不出这件事.如果有人能为我指明正确的方向，我会很高兴的！

type EventMap = Record<string, unknown>; 

abstract class TestClass<T extends EventMap> {
  public eventList: Array<T[keyof T]>;

  constructor() {
    this.eventList = [];
  }
}


interface AllowedEvents extends EventMap {
  created: { time: string; userId: number; createdId: number; },
  removed: { time: string; userId: number; removedId: number; }
}

class ImplTestClass extends TestClass<AllowedEvents> {
  getEventList() {
    return this.eventList;
    // I would like `eventList` to have the type 
    // ({ time: string; userId: number; createdId: number; } | { time: string; userId: number; removedId: number; })[]
  }
};

推荐答案

为此，您可以使用类型别名而不是接口？，并且不显式指定它扩展EventMap:

type AllowedEvents = {
    created: { time: string; userId: number; createdId: number };
    removed: { time: string; userId: number; removedId: number };
};

该类型是Record<string, unknown>的有效子类型，因此可以将其用作抽象基类的类型参数.当您将其用作类型参数时，您的子类代码会看到您想要的eventList类型.

Playground link个

FWIW:我不知道why它必须是一个类型别名，而不是一个接口.当我tried it as an interface的时候，TypeScrip不允许我将它用作基类的类型参数，说它缺少索引签名.