javascript - 什么时候使用递归函数？

Question

我正在阅读递归函数，我读到当我们使用递归函数时它会调用堆栈帧，因此如果我们最终调用递归函数 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);
}

Answer 1

setTimeout 的使用意味着您的代码不是直接递归调用动画函数。这会导致函数被重复调用，但不会造成深栈的创建。

对于动画来说，这是一个相当合理的方法(有更好的方法，例如 requestAnimationFrame，但它是合理的!)