javascript - 如何在函数中调用变量？

Question

这个问题已经有答案了:

Javascript "this" pointer within nested function (9 个回答)

已关闭 8 年前。

请引用以下代码，

var XClass = function () {
    this.dataMember = "hello world";

    $("div").on("click", "button", function() {
        console.log(this.dataMember);   //error 
    });  

}

如何在 on 函数中访问 this.dataMember？我用谷歌搜索了 js 的新内容。

Answer 1

尝试将 this 分配给变量:

var XClass = function () {
    var that = this;
    this.dataMember = "hello world";

    $("div").on("click", "button", function() {
        console.log(that.dataMember); 
    });  
}

这样，that 将引用当前的 XClass 对象。否则，在事件处理程序回调中，this 指的是被单击的对象。