javascript - setInterval を使用した呼び出しを使用した Javascript バインディング

Question

「setInterval」で「call」を使用して、オブジェクト リテラルを取得し、独自のメソッドの 1 つを呼び出すにはどうすればよいですか?

これが例です。これは機能し、なぜ機能するのか理解しています。timer オブジェクトは、1 秒ごとに独自の tick メソッドを呼び出します。

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

  },

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

timer.start();

「call」を使用して、このコードを単純化しようとしました。この次の例は、私が思いついた最高のものです。しかし、それは機能しません。tick メソッドは 1 回だけ呼び出され、型エラーが発生します。

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

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

timer.start();

通話の仕組みがよくわからないと思います。誰かが私が間違っていることを説明できますか?

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