setInterval 会导致浏览器挂起吗？

Question

几年前，我被警告不要长时间使用 setInterval ，因为如果被调用的函数运行时间超过指定的时间间隔，它可能会导致浏览器挂起，然后无法捕获up：

setInterval( function(){
  foo = 'bar_' + i++;
}, 1 );

现在，我知道在循环中添加大量代码可能会导致浏览器挂起无论如何，并且会阻止诸如alert、prompt<之类的代码/code> 和 confirm 会停止代码的运行，但是有什么充分的理由避免 setInterval 吗？

注意：我知道如何进行递归 setTimeout 调用（因为这就是我一直在使用的），这个问题是我试图弄清楚它是否仍然值得使用它们，或者是否 setInterval 可以安全使用。

Answer 1

setInterval 不好的原因是它会尝试每 X MS 执行一次代码，而不管线程中发生了什么。因此，如果您有：

setInterval( complexFunction, 1 ); // complexFunction takes >1 MS to complete

...您可能会在 setInterval 自己的代码完成之前尝试重新执行多次！但是，您可以类似地使用 setTimeout 并避免此问题：

setTimeout( complexFunction, 1 );

function complexFunction() {
  // complex code
  setTimeout( complexFunction, 1 );
}

...现在 complexFunction 只会在其自己的代码完成后再次调用自身，因此如果其自己的代码需要更长的时间完成时间少于 1 MS，您不会像使用 setInterval 那样需要处理任何积压工作

Answer 2

在循环中使用 setTimeout 总是更好，这样您就可以准确地知道何时继续计时：

foo();
function foo(){

   setTimeout (function(){
      foo = 'bar_' + i++;
      foo();
     }, 1 );

} 

否则正如您上面所说，浏览器将不得不赶上，并且由于您的循环处于无限状态，因此可能不会。