Javascript 投票服务器。 这会导致堆栈溢出吗？

Question

我不太熟悉每个浏览器上每个 javascript 实现的细节。 但我确实知道使用 setTimeout 时，传入的方法会在单独的线程上调用。 那么，在方法内部递归地使用 setTimeout 会导致其堆栈无限增长，直到导致堆栈溢出吗？ 或者它会创建一个单独的调用堆栈并在当前帧失去焦点时销毁它？ 这是我想知道的代码。

function pollServer()
{
    $.getJSON("poll.php", {}, function(data){
        window.setTimeout(pollServer, 1000);
    });
}

window.setTimeout(pollServer, 0);

我想每隔一秒左右轮询一次服务器，但不想通过“阻塞循环”浪费 CPU 周期 - 而且我不想在浏览器死机之前设置用户可以访问页面的时间限制。

编辑

使用 firebug，我设置了一些断点，并通过查看“Script -> Stack”面板看到调用堆栈实际上只是“pollServer”，并且每次调用都不会增长。 这很好——但是，JS 的其他实现是否有不同的行为？

Answer 1

我不确定它是否会造成堆栈溢出，但如果周期恒定，我建议您使用setInterval。

这就是 prototype 实现其 PeriodicalExecuter 的方式。

// Taken from Prototype (www.prototypejs.org)
var PeriodicalExecuter = Class.create({
  initialize: function(callback, frequency) {
    this.callback = callback;
    this.frequency = frequency;
    this.currentlyExecuting = false;

    this.registerCallback();
  },

  registerCallback: function() {
    this.timer = setInterval(this.onTimerEvent.bind(this), this.frequency * 1000);
  },

  execute: function() {
    this.callback(this);
  },

  stop: function() {
    if (!this.timer) return;
    clearInterval(this.timer);
    this.timer = null;
  },

  onTimerEvent: function() {
    if (!this.currentlyExecuting) {
      try {
        this.currentlyExecuting = true;
        this.execute();
      } finally {
        this.currentlyExecuting = false;
      }
    }
  }
});

Answer 2

setTimeout 在事件泵循环中稍后的某个时间执行。 传递给 setTimeout 的函数不是延续。

如果您停下来想一想，超时函数共享调用堆栈有什么有用的目的或证据。

• 如果它们被共享，那么从 setter 到超时函数将共享什么堆栈？
• 假设设置器可以执行一些返回并弹出一些帧 - 将传递什么？
• 超时函数会阻塞原来的线程吗？
• setTimeout函数后面的语句是否在超时执行后才执行？

一旦你回答了这些问题，很明显答案是不。

Answer 3

setTimeout 不会增加调用堆栈，因为它会立即返回。 至于你的代码是否会在任何浏览器中无限期地运行，我不确定，但似乎有可能。

Answer 4

看一下 jQuery“SmartUpdater”插件。

http://plugins.jquery.com/project/smartupdater

提供以下功能：

• stop() - 停止更新。
• restart() - 暂停后开始更新，并将时间间隔重置为 minTimeout。
• 继续() - 暂停后开始更新，而不重置时间间隔。
• 状态属性 - 显示当前状态（正在运行|正在停止|未定义）
• 仅在新数据与旧数据不同时更新。
• 每次数据未更改时乘以时间间隔。
• 通过在“maxFailedRequests”之后停止请求数据来处理 ajax 失败。