遞歸函數和setTimeout的VS的setInterval

Question

請考慮以下幾點：

$(document).ready(function() { 
    var promise; 

    (function refresh(){ 
     promise = loadInfo(); 
     promise.done(function() { 
      $.each(loadedData, function(key, value){ 
       $('#' + key + ' div.info').html(value.label); 
      }) 
      // Call itself for next iteration 
      window.setTimeout(refresh, 5 *1000); 
     }) 
    })() 
}) 

• 你覺得每次迭代創建一個新的變種promise或他們都重複使用相同的嗎？
• 如果一個新的變種是針對每次迭代創建的，我可以有過載加班費（堆棧溢出!!!））？該應用程序顯示數據，並應該對長時間
• 我也有另一個版本setInterval((function refresh(){...}), 5 *1000)沒有setTimeout的，哪一個是更好地運行？思考？

謝謝

Answer 1

由於承諾變量上面的刷新功能是通過封閉可用，並且將被重新使用的聲明，這樣應該不會造成堆棧溢出，但loadInfo的實施將確定是否每次都創建一個新變量。

這可能有助於揭示JavaScript和變量範圍的一些輕：How do JavaScript closures work?

也許稍微清理版本看起來是這樣的：

$(document).ready(function() { 
    (function refresh(){ 
     loadInfo().done(function(loadedData) { 
      $.each(loadedData, function(key, value){ 
       $('#' + key + ' div.info').html(value.label); 
      }); 
      // Call itself for next iteration 
      window.setTimeout(refresh, 5 *1000); 
     }); 
    })(); 
}); 

使用的setInterval可能更容易閱讀一些眼睛，但我認爲你的setTimeout方法很好。

Answer 2

的setTimeout在當前的代碼將等待功能完成，然後等待指定的時間，然後調用刷新功能。

的setInterval將保持通話的給定時間後的功能而不論該功能是否已完成其執行或不

Answer 3

的setInterval確保定期請求（但不保證響應命令），但的setTimeout（代碼）不能保證這一點。如果響應時間很長，等待時間也會延遲。另外，如果您的loadInfo()請求失敗，則需要更多代碼來處理下一個請求。

的決定權在你的服務器環境和應用程序的優先級。

請參閱我的setTimeout代碼，如果它會幫助（性能和準確性之間）。

$(document).ready(function() { 

    // for api 
    function repeatLoad(cb) { 

     var bindedRepeatLoad = repeatLoad.bind(this, cb); 
     var repeat = setTimeout.bind(this, bindedRepeatLoad, 5*1000); 

     loadInfo() 
     .done(cb) 
     .done(repeat) 
     .error(repeat); 
    } 

    // for view 
    function render(loadedData) { 
     $.each(loadedData, function(key, value){ 
      $('#' + key + ' div.info').html(value.label); 
     }); 
    } 

    // for app logic, only 1 line is needed. 
    repeatLoad(render); 
});