告诉 typescript 编译器不要编译某些代码

Question

以下关于泛型的问题：Typescript generics: Argument of type 'X' is not assignable to parameter of type 'T'：

下面代码中的get list() 和protected _list 被添加到每个类中，只是为了有一个正确的类型。但是，当编译为 JavaScript 时，这些方法和类属性在所有三个类中都是相同的。有没有办法告诉 Typescript 编译器跳过重复项并仅在 ClassA 中保留一个 getter/class 属性？

class ClassA {

       protected _list:Array<BlueItem>;

       get list(): Array<BlueItem> {
        return this._list;
    }
}

class ClassB extends ClassA {

       protected _list:Array<GreenItem>;

       get list(): Array<GreenItem> {
        return this._list;
    }
}

class ClassC extends ClassB {

       protected _list:Array<RedItem>;

       get list(): Array<RedItem> {
        return this._list;
    }
}

class BlueItem {

}

class GreenItem extends BlueItem {

}

class RedItem extends BlueItem {

}

Answer 1

我认为您可以使用打字稿解决它

class ClassA<T = BlueItem> {

   protected _list:Array<T | BlueItem>;

   get list(): Array<T | BlueItem> {
    return this._list;
   }
}

class ClassB<T = GreenItem> extends ClassA<T | GreenItem> {
}

class ClassC extends ClassB<RedItem> {
}

这不是 100% 等效的，您可以通过将泛型类型限制为需要扩展 BlueItem 或 GreenItem 来进一步更改它，...