javascript - JavaScript 和 UI 响应中的长时间运行循环

Question

我有一个代码可以在“for”循环中处理一个巨大的 JSON 数组。

for(var i = 0; item = arr[i]; i++) {
   //PROCESS item
}

问题出在 Firefox 浏览器上。它显示一个警告对话框，提示脚本运行时间过长。以下代码是解决方案

//not precise code example, but it's kind of.
delay(arr, 0);

function delay(arr, num) {
   //process array by parts with 50 elements in each part
   for(var i = 1; i <= 50; i++) { 
      //PROCESS arr[num];
      num += i;
   }
   if(num < arr.length) {
      setTimeout(function() { delay(arr, num); }, 100);
   }
}

我想知道是否有更好的方法来解决 UI 完全卡住并使 Firefox 不显示脚本调试对话框。请指教。谢谢

Answer 1

如果您使用的是 Firefox，您可能正在寻找 web workers ，它允许您生成后台线程。