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

Question

I'm getting undefined function when I try to do the following (simplified for readability)

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

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

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

}

This code gives 'undefined function this.bar()' when executed from within the interval, but not when this.foo is called outside of the interval.

How can I achieve this?

Answer 1

That is correct - you can't do it that way. The this pointer will not be set correctly when called from setInterval() (it is probably set to point to the global window object). You can change your code like this to solve the problem:

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);

}