Javascript - 在一个运行间隔的函数内调用时不能使用对象方法？

Question

当我尝试执行以下操作时，我得到了未定义的函数（为了便于阅读而简化）

function object() {
  this.bar = function() { };

  this.foo = function() {
    this.bar();
  };

  this.z = setInterval(this.foo, 1000);

}

当从区间内执行时，此代码给出'未定义的函数this.bar（）'，但是当在区间之外调用this.foo时不会。

我怎样才能做到这一点？

Answer 1

这是正确的 - 你不能这样做。 从setInterval()调用时，不会正确设置this指针（它可能设置为指向全局window对象）。 您可以像这样更改代码来解决问题：

function object() {
  this.bar = function() { };

  this.foo = function() {
    this.bar();
  };
  var self = this;   // save reference to local object in variable other than 'this'

  this.z = setInterval(function() {
    self.foo();      // call method on local object
  }, 1000);

}