Question

考虑以下代码

Class.prototype.init = function() {
    var self = this;
    var onComplete = function() {
        self.a.doSomethingElse(self._go);
    };

    console.log(this); //prints Object {...}
    this.a.doSomething(onComplete); //onComplete is called inside a
};

Controller.prototype._go = function(map) {
    console.log(this); //prints 'Window'
};

问题是为什么this等于window函数内的_go？

Answer 1

通过调用属性来绑定对象仅适用于直接调用它。当刚刚访问该属性并稍后调用它（例如将其传递给回调）时，不保留对象绑定。

行为归结为以下几点：

var a = {
  b: function() {
    console.log(this);
  }
};

a.b(); // logs a, because called directly

var func = a.b;
func(); // logs window, because not called directly

在你的情况下，你也可以通过Controller.prototype._go，因为它引用了同样的功能。解决方案是使用self._go.bind(self)来保持绑定。

javascript：这个变量和回调

1 个答案: