javascript - 扩展子函数不能使用 'this' ，关键字未定义

Question

这个问题已经有答案了:

How to access the correct `this` inside a callback (15 个回答)

已关闭 6 年前。

我的 createCon 函数使用它来设置该对象的 con。我发现这是未定义的。错误:无法设置未定义的“con”属性。能够从对象函数引用 this 最好的是什么？

class parent {
    constructor(stringA, stringB){
        this.config = {};
        this.con = {};
    }
}

class child extends parent {
    constructor(stringA, stringB) {
        super(stringA,stringB)
        this.config = {
            full : stringA+stringB
        }
    }

    createConn(){
        var con = con(this.config.full);
        con.connect(function(err){
            if(!err) this.con = con;
        })
    }
}

Answer 1

您正在函数内使用this关键字。 this 与其他 OOP 语言不同，它指的是“上下文”，它可以根据函数的执行而改变。

您想要使用箭头函数，它将在词法上绑定(bind)(即保留)定义箭头函数的上下文的 this。

createConn(){
    var con = con(this.config.full);
    con.connect((err) => {
        if(!err) this.con = con;
    })
}