Typescript Generic 类型导致编译错误

Question

我有一个案例，我需要在不同类别的项目之间获取层次结构。它们都扩展了同一个类 ItemExt。

我正在使用 Typescript 2.4.2

这是我的代码：

export class ItemCollection<ItemFather extends ItemExt, ItemSon extends ItemExt> {

  constructor(private typeClass: { new (): ItemSon; }, parent? : ItemFather, fatherColl? : ItemCollection<ItemFather, ItemSon>){
  }

  public GetSub<ItemSon extends ItemExt, ItemSub extends ItemExt>(typeClass: { new (): ItemSub; }, obj : ItemSon) {
      return new ItemCollection<ItemSon, ItemSub>(typeClass, obj, this);
  }
}

export abstract class ItemExt {
  public Id : string;
}

但是编译器在“this”的方法“GetSub”中给我一个错误：

“this”类型的参数不能分配给类型参数 '项目集合'。类型“ItemCollection”不可分配给类型“ItemCollection”。类型“ItemFather”不可分配给类型“ItemSon”。类型 'ItemExt' 不可分配给类型 'ItemSon'。

我认为这只是语法或声明问题，因为当我使用 eval("this") insted of "this" 时，它按预期工作。

有人可以帮我避免没有 eval 的编译错误吗？

提前致谢

Answer 1

问题是构造函数中fatherColl的类型是ItemCollection<ItemFather, ItemSon>，所以当你调用new ItemCollection<ItemSon, ItemSub>(...时，它强制第三个参数的类型是ItemCollection<ItemSon, ItemSub>，因为你已经定义了这样的类型传入的父集合上的泛型需要与正在创建的ItemCollection 的泛型匹配。

所以基本上你是在传递ItemCollection<ItemFather, ItemSon>，但告诉它应该期待类型ItemCollection<ItemSon, ItemSub>。

这两个定义不匹配，因此它正确地表示您有类型错误。

如果您只是 eval，这会起作用，因为这样的类型检查不是 Javascript 的一部分，而纯粹是在 TypeScript 的领域中，并且通过将所有内容放在 eval 调用中，您正在删除类型检查。