会递归“setTimeout”吗？函数调用最终会杀死 JS 引擎吗？

Question

假设我需要大约每 10 秒从服务器获取一些数据。我将有一个通过 AJAX 获取数据的函数，然后调用 setTimeout 再次调用该函数：

function GetData(){
   $.ajax({
       url: "data.json",
       dataType: "json",
       success: function(data){
         // do somthing with the data

         setTimeout(GetData, 10000);
      },
      error: function(){
         setTimeout(GetData, 10000);
      }
   });
}

如果有人整天打开网页，它可能会收到数千次递归函数调用。

我不想使用 setInterval 因为这没有考虑网络延迟。如果网络繁忙并且需要 15 秒来处理请求，我不想在获得 AJAX 超时之前再次询问。

处理需要定期调用的函数的最佳方法是什么？

Answer 1

没有实际的递归，因为对 GetData 的调用被延迟，并且 JavaScript 上下文同时被破坏。所以它不会使 JS 引擎崩溃。

对于您的代码示例，这基本上是在 JS 引擎级别发生的事情：

1. 初始化 JS 引擎
2. 创建 GetData 函数上下文
3. 执行包含“setTimeOut”的 GetData 语句
4. “setTimeOut”指示 JS 引擎在 10 秒内调用函数
5. 销毁 GetData 函数
6. 上下文至此，就内存使用而言，我们又回到了步骤 1。唯一的区别是 JS 引擎存储了对函数的引用以及何时调用它（我们将此数据称为“futureCall”）。
7. 10 秒后，从步骤 2 开始重复。“futureCall”被销毁。