将“ this”传递给window.setInterval（）

Question

我有看起来像这样的代码：

var X = {
  updateAll: function() {
    // ...
  },

  init: function() {
    window.setInterval(function() {
      this.updateAll();
    }, 40000);
  }
}

在X.init() ，我希望能够访问updateAll() ，但是由于明显的原因，它无法按预期工作。

如何获得所需的结果？

Answer 1

  init: function() {
    var _self = this;
    window.setInterval(function() {
      _self.updateAll();
    }, 40000);
  }

Answer 2

你可以这样

var X = {
  updateAll: function() {
    console.log('updateALL');
  },
  init: function() {
    var self=this;
    window.setTimeout(function() {
      self.updateAll();
    }, 200);
  }
};

Answer 3

您可以绑定函数：

init: function() {
    window.setInterval(function() {
        this.updateAll();
    }.bind(this), 40000);
}

或者，如果您使用的是ECMAScript 2015，则可以使用箭头功能：

init: function() {
    window.setInterval(() => {
        this.updateAll();
    }, 40000);
}

Answer 4

您可以使用var self = this方法在其他的答案中提到， 或者你可以使用的功能有.bind方法：

var X = {
  updateAll: function() {
    // ...
  },

  init: function() {
    window.setInterval(
      this.updateAll.bind(this),
      40000
    );
  }
}

请注意，在setInterval的第一个参数中并不需要所有的“ function（）{...}”-这是多余的。