Node.js中匿名函数是否会被优化？循环内函数创建疑问

先看你给出的代码：

for (let i = 0; i < 10; i++) {
  console.log(
    (function (x) {
      if (x % 2) {
        return 'even';
      } else {
        return 'odd';
      }
    })(i)
  );
}

关于函数是否被重新创建的问题 #

早期的JavaScript引擎（比如旧版V8）确实会在每轮循环迭代时重新创建这个匿名函数——因为函数定义在循环块的作用域内，每进入一次迭代就会生成新的函数对象。

但现代主流JS引擎（V8、SpiderMonkey、JavaScriptCore等）都具备循环内函数优化能力：只要这个匿名函数没有引用循环内的动态变量（比如你的例子里函数只用到传入的参数x，没有依赖循环内外的其他变量），引擎会自动把函数的创建逻辑提升到循环外部，只创建一次，之后每轮循环直接调用这个已创建好的函数。

不过有个例外：如果匿名函数引用了循环内的绑定变量（比如循环里用let声明的、每轮迭代有独立作用域的变量），引擎没办法做这个优化，还是会每次迭代都创建新函数，因为每个函数需要绑定不同的作用域上下文。

自行查证这类引擎优化问题的方法 #

• 用浏览器DevTools分析性能与内存：
  • 打开Performance面板录制代码执行过程，查看调用栈中函数的创建次数；
  • 用Memory面板生成内存快照，对比循环前后的函数实例数量，如果只有一个实例，说明只创建了一次。
• 对比性能差异：把循环次数放大到百万级，分别测试“循环内定义函数调用”和“函数提至循环外调用”的执行时间。如果两者耗时接近，说明引擎做了优化；如果差距明显，说明每次都在创建新函数。
• 查看引擎官方内容：比如V8的官方博客会定期发布引擎优化细节，里面会明确提到这类循环内函数的处理策略。
• 查看字节码生成结果：在Chrome DevTools的设置里开启“Enable JavaScript bytecode viewing”，然后在Sources面板查看该函数的字节码，看是否只生成了一份字节码逻辑。

内容的提问来源于stack exchange，提问作者xaxa