为何TypeScript写LeetCode时ES6语法比ES5语法运行速度差距大

性能差异核心原因 #

• 编译层差异：如果LeetCode的TS编译目标配置为ES5，箭头函数会被转译为包含this绑定逻辑的包装函数，哪怕你的代码中没有用到this，编译产物也会携带冗余逻辑，直接增加运行开销。如果编译目标为ES6+，原生箭头函数的性能在V8引擎下本身也略低于传统函数声明：V8对存在已久的具名函数声明的JIT优化更成熟，内联优先级更高。
• 函数优化优先级差异：传统function声明属于具名函数，JIT编译器更容易对其做内联优化，消除函数调用开销。而箭头函数本质是匿名函数表达式赋值给变量，内联判定的优先级更低，一旦优化失败就会产生更高的执行开销。
• 注意排除LeetCode判题环境的随机波动：平台判题耗时本身存在10%~30%的浮动，你可以多次提交两个版本的代码取平均值，排除机器负载带来的误差。

TypeScript算法编写注意事项 #

• 优先使用传统function声明定义入口函数、高频调用函数，可获得更好的运行性能。
• 没有this绑定需求时，不要强行使用箭头函数语法糖，尤其是高频执行的回调（比如排序回调、遍历回调），普通函数的执行效率更高。
• 避免在循环内部使用解构赋值、扩展运算符等语法做高频操作，这些语法编译后可能产生额外的临时对象创建开销。比如你代码中的数组解构赋值可以改成直接从nums数组取值，能进一步压缩运行耗时。
• 本地调测时可以将tsconfig的target配置为ESNext，减少语法转译带来的冗余代码，更贴近原生JS的运行性能。

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