对于返回多种不同类型的函数，如何在不使用“任何”的情况下在返回类型中给出准确的类型信息？

Question

在我的打字稿代码中，我有一个函数，它根据用户设置的导航类型返回一个组件，因此我可以向用户显示该组件。目前该函数返回“任何”，我想知道如何给它确切的返回类型？

我尝试设置多个类型，如Type1 | Type2，但它不起作用并显示错误。

  private createEditContainer(entry: any) {
    const component = this.getListComponentByNavType();
    this.editContainer.clear();
    const factory = this.resolver.resolveComponentFactory(component);
    this.editComponentRef = this.editContainer.createComponent(factory);
    this.editComponentRef.instance.entry = entry;
  }

  private getListComponentByNavType(): any {   // I want this "any" to be actual types
    switch (this.navtype) {
      case TaskdefinitionNavTypes.TYPE:
        return TaskdefinitionListComponent;
      case TaskdefinitionNavTypes.ENUMS:
        return SingleSelectListComponent;
    }
  }

我想返回实际类型而不是any。或者也许可以解释为什么 any 在这里很好。

谢谢！

Answer 1

对于这种情况，您必须使用Type<T>，这会将您的函数类型更改为：

private getListComponentByNavType(): Type<TaskdefinitionListComponent | SingleSelectListComponent> {}

组件工厂解析器会更喜欢这个:)

Answer 2

您需要在声明文件中声明返回类型的类型或检查包是否带有自己的类型。

然后您现在可以将您的函数修改为如下所示。

 private getListComponentByNavType(): TaskdefinitionListComponent | SingleSelectListComponent {  
switch (this.navtype) {
  case TaskdefinitionNavTypes.TYPE:
    return TaskdefinitionListComponent;
  case TaskdefinitionNavTypes.ENUMS:
    return SingleSelectListComponent;
}

这应该可以解决您的问题。 }