TypeScript 帶有接口類型的索引簽名

Question

我有一個接口和一個 class：

interface Widget {
  widgetStuff(): void;
}

class Foo implements Widget {
  widgetStuff(): void {
  }
}

我想跟蹤另一個 class 中的所有Widget ，索引簽名似乎是最簡單的方法：

class WidgetCatalog {
  private readonly mapping: { [key: string]: Widget };

  constructor() {
    this.mapping = {
      Foo // <= Error here
    }
  }
}

我收到此錯誤： error TS2322: Type 'typeof Foo' is not assignable to type 'Widget'. Property 'widgetStuff' is missing in type 'typeof Foo'. error TS2322: Type 'typeof Foo' is not assignable to type 'Widget'. Property 'widgetStuff' is missing in type 'typeof Foo'.

我不確定我在這里缺少什么，因為它似乎是一個非常簡單的實現。 我是否需要以不同方式指定索引簽名中的值類型？

Answer 1

@jcalz 為我指明了正確的方向。 此版本有效：

interface Widget {
  widgetStuff(): void;
}

class Foo implements Widget {
  widgetStuff(): void {
  }
}

class WidgetCatalog {
  // Change to mapping of Widget constructors
  private readonly mapping: { [key: string]: new(...args) => Widget };

  constructor() {
    this.mapping = {
      Foo
    }
  }
}