javascript - 调用对象内的另一个函数

Question

在浏览了有关此主题的几个不同问题后，我仍然对如何从对象内访问另一个函数感到困惑。

window.Think = {
    initialize: function(){
        this.currentNumber = 0;
    },
    updateNumber: function(){
        this.currentNumber += 1;
    },
    listener: function(){
        document.getElementById('foo').addEventListener('click', function(){
        this.parent.updateNumber(); //this is where I want to call the prev function
    }
}

我收到的错误是无法调用未定义的方法“updateNumber”

如何从 listener() 中调用 Think.updateNumber()？

Answer 1

回调函数经常会丢失上下文(上下文是 this 的值)。所以你必须保存this的值。与回调函数共享的局部变量。常见的约定是 var self = this。

listener: function(){
    var self = this;
    document.getElementById('foo').addEventListener('click', function(){
        self.updateNumber();
    }
}