何時使用遞歸函數？

我正在閱讀關於遞歸函數我讀過，當我們使用遞歸函數時，它調用一個堆棧幀，所以如果我們最終調用遞歸函數10000次，它可能是一個可用內存的問題。我在下面有一個函數是正確的使用遞歸？或者你認爲我應該避免它？何時使用遞歸函數？

function animateLeft(obj, top){ 
    if(top >= 300){   
     obj.style.visibility = 'visible'; 
     return; 
    } 
    else { 
     var box = obj; 
     box.style.marginLeft = top + "px"; 
     box.style.marginTop = top + "px"; 
     setTimeout(function(){ 
      animateLeft(obj, top + 1); 
     }, 25) 
    } 
} 
function animateMe() { 
    animateLeft(document.getElementById('inner-rectange'), 0); 
}

來源

2013-12-23 Jay

我有問題，並且我用遞歸來解決它們。 – corsiKa

指出這個問題可以在純CSS中解決可能是有用的 – Simone

@simone我想創建一個動畫，所以我必須添加延遲不知道如何使用css – Jay

你是不是真的使用遞歸，因爲你調用從setTimeout方法。

通過功能的時間重新執行初始將已經退出。（每個執行不會阻止未來）在JavaScript的事情，操作DOM是錯誤的

使用遞歸，因爲重繪只有在整個遞歸完成後纔會出現頁面。因此，您將失去動畫的所有中間步驟，並從第一步開始到最後一步。

正如評論提到的問題，你可以實現這種單獨CSS動畫..

只需通過CSS設置DOM節點的transition property，然後通過應用新更改的屬性類（或直接通過JavaScript）

div{ 
    margin-left:0; 
    margin-top:0; 

    -moz-transition:margin 2s linear; 
    -webkit-transition:margin 2s linear; 
    transition:all 2s linear; 
} 

.move{ 
    margin-left:100px; 
    margin-top:100px; 
}

見演示在http://jsfiddle.net/gaby/rm3EP/

（當你申請的move類的div CSS動畫將在利潤率的變化..）

來源

2013-12-23 21:20:02

那麼這是否意味着遞歸函數涉及到背景，而settimeout有延遲？ – Jay

根據定義的超時超時會在您指定的時間過後（*且不阻止其他代碼執行*）後調用回調*** –

ok如果刪除setTimeout函數，會發生什麼情況？它會是遞歸的而不是正確的？ – Jay