如何使用 window.setTimeout() 在 JavaScript 中编写递归方法？

Question

我正在编写一个 JavaSCript 类，它有一个递归调用自身的方法。

Scheduler.prototype.updateTimer = function () {
    document.write( this._currentTime );
    this._currentTime -= 1000;
    // recursively calls itself
    this._updateUITimerHandler = window.setTimeout( arguments.callee , 1000 );
}

属性描述：

_currentTime: the currentTime of the timer in miliseconds.
_updateUITimerHandler: stores the reference so can be used later with clearTimeout().

我的问题是我在 setTimeout() 中使用递归。我知道 setTimeout() 将接受一些要执行的字符串，或对函数的引用。由于这个函数是一个对象的方法，我不知道如何从外部调用它。所以我使用了 setTimeout() 的第二种格式，并传入了对方法本身的引用。但它不起作用。

Answer 1

试试这个：-

Scheduler.prototype.startTimer = function() {
  var self = this;
  function updateTimer() {
    this._currentTime -= 1000;
    self.hTimer = window.setTimeout(updateTimer, 1000)
    self.tick()
  }
  this.hTimer = window.setTimeout(updateTimer, 1000)
}
Scheduler.prototype.stopTimer = function() {
    if (this.hTimer != null) window.clearTimeout(this.hTimer)
  this.hTimer = null;
}
Scheduler.prototype.tick = function() {
  //Do stuff on timer update
}

Answer 2

首先要说的是，如果您调用 setTimeout 但不更改间隔，则应该使用 setInterval。

编辑（从评论更新）：如果用作类并且 setInterval/clearInterval 不需要重新引用，则可以保留闭包中的引用。

edit2：有人指出您编写了 callee，它将完全正确且 100% 明确地工作。

出于完整性考虑，这是可行的：

function f() 
{
  alert('foo');
  window.setTimeout(arguments.callee,5000);
}

f();

所以我尝试了 document.write 而不是 alert，这似乎是问题所在。 doc.write 充满了这样的问题，因为打开和关闭 DOM 进行写入，所以也许您需要更改目标的 innerHTML 而不是 doc.write

Answer 3

你可以拿着一个指向它的指针...

/* ... */
var func = arguments.callee;
this._updateUITimerHandler = window.setTimeout(function() { func(); }, 1000);
/* ... */