Javascript foreach 循环性能

Question

我正在考虑改进我们的一些 for each 循环，并创建了一个测试基准来比较我们使用它们的不同方式。测试可以found here。

我惊讶地发现这段代码：

function add(val) {
   sum += val;
}
values.forEach(add);

比这个表现更好。

 values.forEach(function(val) {
   sum += val;
  });

这些不完全一样吗？是什么让第一个代码 sn-p 比第二个代码快？

Answer 1

你的测试有问题。您的测试是：

values.forEach(add);

和

values.forEach(function(val) {
  sum += val;
});

在第二个测试中，您正在计时函数的创建以及forEach 的执行。在第一个测试中，您没有为函数的创建计时；这是在测试的设置阶段完成的，没有计时。

Davin Tryon 已创建a test that creates the functions in both cases：

function add(val) {
 sum += val;
}
values.forEach(add);

对比

values.forEach(function(val) {
  sum += val;
});

...其中性能差异在某些引擎上消失了，而在某些引擎上则相反（声明速度较慢）。 （后者可能是引擎在测试期间发现它可以内联函数，或者至少跳过一些它不能通过声明跳过的步骤。）