javascript - 使用 setInterval 调用的 Javascript 绑定

Question

如何使用“call”和“setInterval”来获取对象文字来调用它自己的方法之一？

这是一个例子。这有效，我理解它为什么有效。定时器对象每秒调用一次自己的tick方法

var timer =
{ 
  start: function()
  {
    var self = this;
    setInterval(function(){self.tick();}, 1000);

  },

  tick: function()
  {
    console.log("tick!");
  }
};

timer.start();

我试图通过使用“调用”来简化这段代码。下一个例子是我想出的最好的例子。但它不起作用：tick 方法只被调用一次，然后我得到一个类型错误。

var timer =
{ 
  start: function()
  {
    setTimeout.call(this, this.tick(), 1000);
  },

  tick: function()
  {
    console.log("tick!");
  }
};

timer.start();

我想我真的不明白 call 是如何工作的。谁能解释我做错了什么？

Answer 1

您.calling .setInterval不是浏览器调用的回调函数：

setInterval( this.tick.bind(this), 1000 );

应该管用。看.bind

Answer 2

这就是我最终的结果：

  var timer = {
    time: 0,
    start: function() {
      var timerTick = this.tick.bind(this);
      window.setInterval(function() {
        timerTick();
      }, 1000);
    },
    tick: function() {
      this.time += 1;
      console.log(this.time);
    }
  };

  timer.start();