javascript - TypeScript 类继承 : 'super' Can Only Be Referenced in Members of Derived Classes or Object Literal Expressions

Question

我们正在使用具有继承性的 TypeScript 类，并且遇到了一个明显的范围问题。 TypeScript/JavaScript 不允许我们从 promise 结构(甚至是封闭函数)中调用“super”。我们收到此错误:

TypeScript:“super”只能在派生类或对象字面量表达式的成员中引用

有解决办法吗？这是代码:

export class VendorBill extends Transaction {
    constructor() {
        super();
    }

    save() {

        let deferred = $.Deferred();

        $.ajax({
            type: "GET",
            url: '/myrestapi',
            success: function (data) {    
                deferred.resolve();    
            },
            error: function (jqXHR: any, textStatus, errorThrown) {
                deferred.reject()
            }
        })

        $.when(deferred).always(function () {
            super.save();  <----------- THIS IS CAUSING THE ERROR
        })    
    }
}

Answer 1

原因是编译器把super.save()变成了:

_super.prototype.fn.call(this);

但是 this 不是正确的，因为您正在传递一个未绑定(bind)到正确上下文的函数。

您可以使用 arrow function :

$.when(deferred).always(() => {
    super.save();
})