JavaScript - 调用类函数 onclick

Question

这个问题已经有答案了:

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

已关闭 7 年前。

我想在触发 onclick 事件时从类中调用“成员”函数。 onclick 事件本身应该绑定(bind)在类内部。这就是我所拥有的:

var MyClass = function()
{
    this.value = 'hello';

    this.update = function()
    {
        console.log(this.value);
        // Do some things with this.value
    };

    $('#button').click(this.update);
};

浏览器在更新函数中提示 this.value 未定义。

Answer 1

在处理函数中，this 指的是您单击的按钮。要规避它，您可以将 this 引用存储到局部变量，然后使用它。本例中最常用的变量名称是 self 或 that。

var MyClass = function() {
    var self = this;
    self.value = 'hello';
    self.update = function() {
        console.log(self.value);
        // Do some things with self.value
    };
    $('#button').click(self.update);
};

或者正如其他人提到的，您可以显式使用 MyClass.update。