如何避免 JavaScript CallStack 过载？

Question

下面的 javascript 完成以下任务（这是针对 Node.js COMET 应用程序）：

1. 向服务器发出请求并保留，直到服务器有需要处理的内容为止 返回。
2. 一旦请求返回，数据就会被处理，然后另一个 请求立即在回调函数中发出 成功事件。
3. 如果发生超时（服务器在时间范围内没有返回任何内容） 在错误事件的回调函数中发出另一个请求。

我担心（我认为这是有效的）是请求不断添加到调用堆栈中，就像永无止境的递归函数一样。一段时间后，它会导致浏览器最终崩溃并变得无响应（至少我认为这是原因）。

我怎样才能完成同样的事情并避免这个问题？

function GetData(){
    $.ajax({
        url: "admin.html",
        type: "POST",
        dataType: "json",
        contentType: 'text/json',
        data: JSON.stringify({
            cmd: "getData"
        }),
        timeout: (60 * 1000),
        success: function(data, textStatus, jqXHR){
            UpdateScreen(data);
            GetData();
        },
        error: function(jqXHR, textStatus, errorThrown){
            if(textStatus == "timeout"){
                GetData();
            }
        }
    });
}

Answer 1

不，我很确定你没事。 ajax 事件是异步的，因此 GetData 函数将完成，浏览器将等待事件，然后再从成功处理程序中再次调用 GetData。

可以将其视为 GetData 函数，它只是定义要执行的操作，而不是实际执行操作。然后它完成执行（并清除堆栈）并且浏览器执行这些操作。

Answer 2

function GetData(limit){
    limit = limit || 0;
    $.ajax({
        url: "admin.html",
        type: "POST",
        dataType: "json",
        contentType: 'text/json',
        data: JSON.stringify({
            cmd: "getData"
        }),
        timeout: (60 * 1000),
        success: function(data, textStatus, jqXHR){
            UpdateScreen(data);
            GetData();
        },
        error: function(jqXHR, textStatus, errorThrown){
            if(textStatus === "timeout" && limit < 20){
                GetData(++limit); 
            } else {
                //throw "epic fail"
                setTimeout(GetData, 0);
            }
        }
    });
}

只需添加一点超时限制计数器即可。如果它变得太大，要么放弃并抛出错误，要么通过调用异步的 setTimeout 来中断调用堆栈。

Answer 3

我想知道您的 UpdateScreen(data) 方法是否有问题。这也是一个递归函数吗？人们建议您简单地使该方法超时并不能真正解决问题，它只是中止该过程。我会尝试分别在成功和错误回调中记录类似 console.log("get data success") 和 console.log("get data error") 的内容。如果您的日志页充满了一条消息，您就知道在哪里不断调用 GetData() 方法。它可能总是超时。

顺便说一句，您应该将错误的 if 语句更改为类似的内容，

   if(jqxhr.responseText == "timeout"){
      getData();
   }

请参阅此处以了解原因： jQuery Ajax 错误处理，显示自定义异常消息