有没有什么办法可以让自己变得“好”呢？我的 JavaScript 执行？

Question

我想在浏览器窗口中运行一些计算，但我不希望它减慢客户端计算机的用户交互速度，特别是对于单核计算机。有没有什么方法可以调整我执行 JavaScript 的良好级别，以便它能够尽可能快地执行而不降低机器的响应能力？

Answer 1

除了延迟执行你的计算之外，我想不出别的办法。例如，将所有工作分成小块，然后按顺序运行它们，并在每个任务之间有一些延迟（使用 setTimeout 或 setInterval）。

Answer 2

创建开环... 示例

这是一个闭环

for( i = 0 ; i < 10000 ; i++)
{
    doSomeMath(i);
}

这是一个开环

i = 0;
iMax = 10000
var MyWorkingThread =
setInterval(function()
{
    if( i < iMax)
    {
       doSomeMath(i);           
       i++;
    }
    else
    {
        clearInterval(MyWorkingThread);
    }

},1);

您可以在开环内进行更多或更少的工作，但这是总体思路。我已经多次针对类似问题进行了此操作，并且浏览器工作非常顺利。

Answer 3

为了提高速度，尝试使用单个多维数组来包含数据，然后在函数末尾使用单个联接将该数组转换为字符串以进行输出，并使用innerHTML 方法输出该数据。这是在 JavaScript 中包含和提供数据的最快方法。绝对不要使用 DOM 方法或元素来输出数据，因为那样会慢 4 倍。

尽可能少地输出数据。这将取决于您使用哪个事件来执行函数。我建议不要使用 onload 事件，因为这会减慢页面的初始加载时间。我建议使用与按钮关联的 onclick 函数，因为这样用户就会意识到他们导致执行速度减慢了页面的速度。

Answer 4

我做了一些测试，浏览器在突发工作之间需要相当长的时间才能做出合理的响应：

function work(cnt) {
  // do some heavy work
  for (var i=0;i<100000000;i++) ;
  // start next work
  if (cnt > 0) {
    window.setTimeout(function(){work(cnt-1);},200);
  }
}

Answer 5

1. 使用 ajax 请求在服务器上运行计算
2. 打开一个新窗口或框架并在那里运行代码
3. 在循环中运行代码分成间隔
4. 准备好使用 web-worker 进程（html5 异步脚本）