ECMAScript 2018 中规定的尾调用优化详解

什么是尾调用？

在函数的最后一个操作中，调用另一个函数并返回其结果，这样的调用称为尾调用。例如：

function add(a, b) {
  return a + b;
}

function multiply(a, b) {
  return add(a, b) * 2; // 尾调用
}

为什么需要尾调用优化？

在 JavaScript 中，每次函数调用都会创建一个新的执行上下文。如果在一个函数中多次嵌套调用函数，就会导致创建大量的执行上下文，占用大量内存。尾调用优化可以减少创建执行上下文的次数，提高代码执行效率。

ECMAScript 2018 中的尾调用优化

在 ECMAScript 2018 中，引入了尾调用优化的规定。如果一个函数满足尾调用优化的条件，JavaScript 引擎会对其进行优化，将其转化为迭代实现，从而减少执行上下文的创建次数。

尾调用优化的条件如下：

• 尾调用必须是函数的最后一个操作。
• 尾调用的结果必须直接返回给调用者。
• 尾调用的函数不能引用当前函数的变量。

尾调用优化的示例

// javascriptcn.com 代码示例
// 非尾调用
function factorial(n) {
  if (n === 1) {
    return 1;
  } else {
    return n * factorial(n - 1); // 非尾调用
  }
}

// 尾调用
function factorial(n, acc = 1) {
  if (n === 1) {
    return acc;
  } else {
    return factorial(n - 1, n * acc); // 尾调用
  }
}

在上面的示例中，第一个函数 factorial 中，每次递归调用都会创建一个新的执行上下文，导致内存占用过高。而第二个函数 factorial 则满足尾调用优化的条件，可以大大减少执行上下文的创建次数。

总结

尾调用优化是 ECMAScript 2018 中的一项重要规定，可以提高函数的执行效率，减少内存占用。在编写 JavaScript 代码时，应该尽可能地使用尾调用，以便获得更好的性能。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65124f1a95b1f8cacdac244d