在 ECMAScript 2015 中，我们学习了如何使用扩展运算符，使得我们可以很方便地将一个数组展开为一系列参数传递给一个函数。在 ECMAScript 2017 中，又引入了函数的 rest 参数，它和扩展运算符的语法非常相似，但是在函数的参数位置使用。本文将详细介绍 rest 参数的使用方法，并且通过实例代码加深理解。
什么是函数的 rest 参数？
函数的 rest 参数是一种特殊的语法，允许我们在函数定义中，将一系列参数表示为一个数组。简单来说，rest 参数让我们可以更方便地传递任意数量的参数到一个函数中。举个例子，下面的代码中，我们定义了一个函数 sum，它的 rest 参数为 numbers。
function sum(...numbers) {
return numbers.reduce((a, b) => a + b, 0);
}我们可以通过调用 sum 函数，并传递任意数量的参数，比如 sum(1, 2, 3)，sum(4, 5, 6, 7)，来使用 rest 参数的特性。
rest 参数有哪些用处？
rest 参数的主要用途是让我们定义一个函数，可以接受任意数量的参数。这样，我们可以更加灵活地调用一个函数，并不需要在函数定义时就要明确指定需要多少个参数。当然，我们也可以使用 rest 参数来将一些参数传递给其他函数，或者验证函数的参数等等。
下面，我们将详细介绍 rest 参数的一些用处。
1. 接受任意数量的参数
当我们需要一个函数可以接受任意数量的参数时，就可以使用 rest 参数。这个特性在处理数据时非常有用，例如计算数值的和、最大值、最小值等等。
function sum(...numbers) {
return numbers.reduce((a, b) => a + b, 0);
}
console.log(sum(1, 2, 3)); // 6
console.log(sum(4, 5, 6, 7)); // 222. 将参数传递给其他函数
有时候，我们需要将一些参数传递给其他函数，但这些参数的个数和内容并不确定。这种情况下，我们可以使用 rest 参数来接受这些参数，并将它们传递给其他函数。
function doSomething(...args) {
anotherFunction(...args);
}3. 对参数进行变换
在函数定义中，我们可以使用扩展运算符来将一个数组展开为一系列参数。而在函数调用过程中，我们也可以使用扩展运算符来将一个数组展开为一系列参数。这样，我们就可以对函数的参数进行变换，比如交换顺序、添加一些默认值等等。
-- -------------------- ---- ------- -------- ------- -- - ------ --- --- - -- ------------ ----------------------- ----- -- --- -- -------- ---------- - -------- ---------- - ------------------ ---------------- --- ----------- - -- ------------- ------------- ------ ------- -- ----- ---- --- ----- -------- -- ----- ------
4. 验证参数
当我们需要验证函数的参数时，我们可以使用 rest 参数来接受所有的参数，并进一步处理它们。下面的例子中，我们使用 rest 参数来验证参数列表中的每一个参数。
-- -------------------- ---- -------
-------- ------------------- -
-- ------------------ -- ------ ----- --- ---------- -
----- --- -------------- --------- ------ ------ -- ----------
-
----------------------- ------------
-
------------- ---- ----- -- ---------- ---------
------------- ---- --- -- -- ---------常见错误和注意点
当我们使用 rest 参数时，需要注意以下几点。
1. rest 参数只能在函数的最后一个参数位置
当函数定义中有多个参数时，rest 参数只能在最后一个参数位置出现。这是因为 rest 参数是用来表示任意数量的参数，所以它后面不能再跟其他具名参数，否则会报错。
function someFunction(a, ...b, c) {
// 抛出 SyntaxError
}2. rest 参数没有别名
在函数中，我们可以使用“别名”来对函数的参数进行简单的重命名。例如，下面的代码中，我们将参数 a 重命名为 x。
function foo(x) {
console.log(x);
}
foo(1); // 输出 1但是，在使用 rest 参数时，我们不能像上面那样重命名参数，因为 rest 参数本身就是一个数组，而且不是具名参数。如果我们需要对 rest 参数进行重命名，那么只能在函数体内进行。
function bar(...args) {
const [x, y, z] = args;
console.log(x, y, z);
}
bar(1, 2, 3); // 输出 1 2 33. rest 参数没有默认值
当函数的参数列表中同时有具名参数和 rest 参数时，具名参数可以有默认值，但是 rest 参数没有默认值。
function baz(a = 1, ...b) {
console.log(a, b);
}
baz(2, 3, 4); // 输出 2 [3, 4]
baz(); // 输出 1 []总结
本文详细介绍了函数的 rest 参数的使用方法，并且提供了一些示例代码帮助我们更好地理解和应用该特性。总的来说，rest 参数让我们可以更加灵活地处理函数的参数，并且可以接受任意数量的参数。但是，我们需要注意，rest 参数有一些限制，比如只能放在最后一个参数位置，没有别名，没有默认值等等。只有了解了这些限制，才能更好地利用 rest 参数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6460d916968c7c53b02739da