如何有效利用ES6尾调用优化提升代码性能？

本文共计1494个文字，预计阅读时间需要6分钟。

ES6 包含了性能领域的特殊要求。这与特定函数调用的深入函数调用优化（尾调用优化，TCO）有关。简单来说，尾调用优化是指函数的最后一个操作是函数调用，此时函数的返回值直接是调用结果。

ES6包含了一个性能领域的特殊要求。这与一个涉及函数调用的特定优化形式相关：即尾调用优化（Tail Call Optimization，TCO）。简单地说，尾调用就是一个出现在另一个函数“结尾”处的函数调用。这个调用结束之后就没有其余事情要做了（除了可能要返回结果值）

什么尾调用

举个例子，下面是一个非递归的尾调用：

function foo(x) { return x } // 尾调用 function bar(y) { return foo(y + 1) } // 非尾调用 function baz() { return 1 + bar(40) } baz() // 输出42

说明： foo(y+1) 是 bar(...) 中的尾调用，因为在 foo(...) 完成后， bar(...) 也完成了，并且只需要返回 foo(...) 调用的结果。然而， bar(40) 不是尾调用，因为在它完成后，它的结果需要加上1才能由 baz() 返回。

在JavaScript里，调用一个新的函数需要额外的一块预留内容来管理调用栈，成为栈帧。所以前面的代码一般会同时需要为每个 baz() 、 bar(...) 、 foo(...) 保留一个栈帧。

然而，如果支持TCO的引擎能够意识到 foo(y+1) 调用位于尾部，这意味着 bar(...) 基本上已经完成了，那么在调用 foo(...) 时，它就不需要创建一个新的帧栈，而是可以重用已有的 bar(...) 的帧栈。