在ECMAScript 2020（ES11）中，一个引人注目的新特性是累积参数（accumulated parameters）。累积参数可以使函数更灵活和易于使用。累积参数允许我们通过一个参数收集多个值，并在函数内部将它们组合在一起。在本文中，我们将深入探讨累积参数的用法和优势，并给出一些示例。
什么是累加参数？
在传统的JavaScript函数中，我们只能通过指定一组参数来调用函数。例如：
function add(a, b) {
return a + b;
}
console.log(add(2, 3)); // 5在ES11中，我们可以指定一个累积参数（使用 "...arg" 语法），从而允许我们在一个函数中接受任意数量的参数。例如：
function add(...nums) {
let sum = 0;
nums.forEach(num => sum += num);
return sum;
}
console.log(add(2, 3, 4)); // 9
console.log(add(1, 2, 3, 4, 5)); // 15在这里，我们定义的 add() 函数使用 ...nums 语法来累积所有传递给函数的参数。函数体内的代码将所有传递给它的数字相加，并返回总和。无论传递给 add() 函数的参数个数如何，我们都可以使用 nums 数组来访问它们。
累加参数的优势
使用累积参数的主要优势在于其灵活性。它将随着用户的需求而不断增长，并且可以接受任何数量的参数。这种灵活性也使得这种函数更容易编写和维护。事实上，在ES11中，许多新的系统库都使用累积参数来简化其API。
除了灵活性之外，累积参数还有助于简化函数的语法。如果我们不使用累积参数，我们可能会需要在函数中传递许多单独的参数或创建一个对象，并将每个值作为对象的属性传递。这使得函数的语法更加笨重和难以阅读，而累积参数则可以更简洁地表达我们的意图。
累加参数的实现
在实现累积参数时，我们可以使用许多JavaScript中现有的语言功能。使用 ... 语法，我们可以将函数的参数表示成一个数组，并在函数内部使用循环或数组操作来对这些参数进行操作。例如：
function gcd(...nums) {
return nums.reduce((a, b) => {
if (b === 0) return a;
else return gcd(b, a % b);
});
}
console.log(gcd(45, 60)); // 15
console.log(gcd(8, 12, 16)); // 4在这里，我们定义了一个 gcd() 函数，该函数接受任意数量的参数并计算这些数字的最大公约数。首先，我们将所有的参数收集到 nums 数组中，并使用 reduce() 方法来在数组中迭代。在这种情况下，我们使用递归来计算最大公约数。
结论
累加参数是一种非常有用的特性，它可以使函数的编写和使用更加灵活和容易，并且可以帮助简化我们的代码。ES11引入了累加参数的语言支持，这使得创建使用累加参数的功能更加容易，同时它也是JavaScript进一步增强的标志。希望本文能使您对累加参数有更深入的了解，以及其对于前端类程序员的操作指导。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/677385246d66e0f9aae42845