从ES5到ES6的突破：巧用函数内部restArgs演绎数组收集大法

2024-02-13 11:55:01

重塑参数收集的艺术：函数内部函数restArgs

在ES5中，如果想要在函数内部收集剩余的参数，我们需要借助函数内部函数，也称为嵌套函数。我们把最后一个参数作为收集剩余参数的容器，将其余参数收集到该容器中，从而达到参数收集的目的。让我们举个简单的例子：

function sumAll() {
  // 收集剩余的参数
  var args = Array.prototype.slice.call(arguments, 1);

  // 求和
  var total = 0;
  for (var i = 0; i < args.length; i++) {
    total += args[i];
  }

  // 返回总和
  return total;
}

// 使用sumAll函数
var result = sumAll(1, 2, 3, 4, 5);
console.log(result); // 输出：15

在这个例子中，sumAll函数接收不定数量的参数。第一个参数作为参数收集的容器，剩余的参数则被收集到args数组中。通过遍历args数组并对每个元素求和，我们得到了总和result。

扩展参数收集的境界：多参数收集与类型注解

上述的实现方法仅适用于一个参数收集的情况。如果我们希望收集多个参数，或者希望在函数内部函数中使用类型注解，则需要稍微修改我们的方法。以下是一个更通用的restArgs函数：

function restArgs(func, startIndex) {
  // 默认从第一个参数开始收集
  startIndex = startIndex || 1;

  // 返回一个新的函数
  return function () {
    // 收集剩余的参数
    var args = Array.prototype.slice.call(arguments, startIndex);

    // 将收集到的参数传递给原始函数
    return func.apply(this, args);
  };
}

// 使用restArgs函数
function sumAll() {
  // 收集剩余的参数
  var args = restArgs(arguments, 1);

  // 求和
  var total = 0;
  for (var i = 0; i < args.length; i++) {
    total += args[i];
  }

  // 返回总和
  return total;
}

// 使用sumAll函数
var result = sumAll(1, 2, 3, 4, 5);
console.log(result); // 输出：15