SetTimeout导致堆栈溢出

我有以下代码。它会导致堆栈溢出异常。

知道我做错了什么吗？

var myApi = {    

      rawData: null,

      initData: function() {
               // ajax call to get data and populate myApi.rawData, max 10 seconds
      },

      waitForRawData: function(callback) {
              if(myApi.rawData === null || myApi.rawData.length ===0) {
                 window.setTimeout(myApi.waitForRawData(callback),1000); // complain this line stack overflow
              }else{
                     callback();
              }              
      },

      updateHtmlWithNewData: function() {
              // base on myApi.rawData update html element
      },
      workflow: function() {  // this function call is invoke from page
              myApi.initData();
              myApi.waitForRawData(myApi.updateHtmlWithNewData);
      }
}

---

解决方案

您有一个无限循环。

setTimeout期望第一个参数是回调函数--您实际上是在当场调用waitForRawData函数。它立即再次调用它自己，它立即再次调用它自己，这...你明白了。

执行此操作：

window.setTimeout(function() { myApi.waitForRawData(callback) },1000);

当您将其作为函数传递时，超时器可以在您告诉它的任何时候调用它--在您的情况下，是在一秒钟之后。在不使用包装函数的情况下执行此操作将立即调用相同的代码。