类型“ this”不可分配给类型“ T”

Question

我有以下课程：

class MyClass {

    public each<T extends MyClass>(callback: (item: T) => void): T {
        /* Loop through an array and apply the callback */
        return this;
    }

}


class MyClass2 extends MyClass {

    public before(html: string): MyClass2 {
        return this.each<MyClass2>(item => { /* Do Some Stuff */ });
    }

}

然后我得到这个错误：

[ts]类型'this'不能分配给类型'T'。

如何返回类实例？

Answer 1

要返回MyClass的实例，您需要将返回类型更改为MyClass

public each<T extends MyClass>(callback: (item: T) => void): MyClass {
    /* Loop through an array and apply the callback */
    return this;
}

Answer 2

您可以使用此类型来表示each实例each返回与其被调用的相同类型的实例：

class MyClass {

    public each<T extends MyClass>(callback: (item: T) => void): this {
        /* Loop through an array and apply the callback */
        return this;
    }

}

class Derived extends MyClass {
    foo: string;
}

let derived = new Derived;

derived = derived.each(() => {});

请注意，此类型不同于T -T是数组项的类型，它可能与调用each方法的实例类型相同或each 。

Answer 3

在each方法中，您应该返回基类，因为this引用了MyClass的类型。 before ，在您的before方法中，可以将MyClass对象转换回MyClass2对象。

class MyClass {
  public each<T extends MyClass>(callback: (item: T) => void): MyClass {
    /* Loop through an array and apply the callback */
    return this;
  }
}

class MyClass2 extends MyClass {
  public before(html: string): MyClass2 {
    return <MyClass2>this.each(item => { /* Do Some Stuff */ });
  }
}

检查，看它是否transpiles并返回的实例MyClass2 ：

let myclass2 = new MyClass2();
console.log(myclass2.before('') instanceof MyClass2); // returns true

Answer 4

您尝试做的事情称为向下转换：您的函数返回一个T，它是MyClass的子类，但您的实际返回类型是MyClass，它是T的超类。

通过继承进行的多态操作通常使您可以向上（而不是向下）进行操作，因为子类型通常较宽（更多字段），并且最终使用的对象不具有您期望的所有属性。

我对打字稿不是很熟悉，但是我发现您可以像这样return <MyClass>this;进行打字，让它飞起来return <MyClass>this; 它应该可以工作，但是由于上述原因，通常被认为是不好的做法。

有关打字稿中转型的详细信息，请参阅http://blogs.microsoft.co/il/gilf/2013/01/18/using-casting-in-typescript/ 。