什么是...rest？收集剩余参数

在 JavaScript 中，...rest 参数是一种特殊的语法，用于收集函数定义中所有剩余的参数，并将它们作为一个数组传递给函数。换句话说，它可以将不定数量的参数打包成一个数组。

语法：

function myFunction(...args) {
  // args 是一个数组，包含了所有剩余的参数
  console.log(args);
}

用途：

收集不定数量的参数： 当你不知道函数会接收多少个参数时，使用 ...rest 可以方便地将所有参数收集起来。

结合解构赋值： 可以将数组或对象解构为多个变量，并将剩余的元素或属性收集到一个数组中。

与扩展运算符配合： 可以将一个数组展开为多个参数。

示例：

// 收集所有参数
function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4, 5)); // 输出：15

// 结合解构赋值
function handleData(action, ...params) {
  console.log('Action:', action);
  console.log('Params:', params);
}
handleData('update', 1, 'name', 'John'); // 输出：Action: update, Params: [1, "name", "John"]

// 与扩展运算符配合
const numbers = [1, 2, 3];
console.log(Math.max(...numbers)); // 输出：3

注意：

...rest 参数必须放在函数参数列表的最后。

...rest 收集的是剩余的参数，而不是所有的参数。

与扩展运算符的区别：

位置不同： ...rest 用在函数参数列表的最后，而扩展运算符可以用于数组或对象字面量中。

作用不同： ...rest 收集剩余参数，而扩展运算符展开数组或对象。

...rest 参数是一个非常有用的语法，它使得函数可以更加灵活地处理不同数量的参数。在实际开发中，它可以简化代码，提高代码的可读性。