为什么V8和蜘蛛猴似乎都没有展开静态循环？-前端问题

Why do neither V8 nor spidermonkey seem to unroll static loops?(为什么V8和蜘蛛猴似乎都没有展开静态循环？)

本文介绍了为什么V8和蜘蛛猴似乎都没有展开静态循环？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

做一个小检查，看起来V8和蜘蛛猴都没有展开循环，即使很明显，它们有多长(字面上是条件，在本地声明)：数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

const f = () => {
  let counter = 0;
  for (let i = 0; i < 100_000_000; i++) {
    counter++;
  }
  return counter;
};

const g = () => {
  let counter = 0;
  for (let i = 0; i < 10_000_000; i += 10) {
    counter++;
    counter++;
    counter++;
    counter++;
    counter++;
    counter++;
    counter++;
    counter++;
    counter++;
    counter++;
  }
  return counter;
}

let start = performance.now();
f();
let mid = performance.now();
g();
let end = performance.now();

console.log(
  `f took ${(mid - start).toFixed(2)}ms, g took ${(end - mid).toFixed(2)}ms, ` +
  `g was ${((mid - start)/(end - mid)).toFixed(2)} times faster.`
);

这有什么原因吗？它们执行的优化要复杂得多。标准的for循环在Java脚本中是不常见的吗？它不值得吗？

编辑：就像注释一样：有人可能会说，优化可能被延迟了。情况似乎并非如此，尽管我在这方面不是专家。我使用node --allow-natives-syntax --trace-deopt，手动执行优化，没有观察到取消优化发生(折叠的代码片段，实际上不能在浏览器中运行)：数据-lang="js"数据-隐藏="真"数据-控制台="假"数据-巴贝尔="假">

const { performance } = require('perf_hooks');

const f = () => {
  let counter = 0;
  for (let i = 0; i < 100_000_000; i++) {
    counter++;
  }
  return counter;
};
// collect metadata and optimize
f(); f();
%OptimizeFunctionOnNextCall(f);
f();

const start = performance.now();
f();
console.log(performance.now() - start);

使用普通版本和展开版本时，效果相同。

为什么V8和蜘蛛猴似乎都没有展开静态循环？

问题描述

推荐答案

基础教程推荐