JavaScript中的剩余参数（rest parameter）和扩展操作符（spread operator）
剩余参数（rest parameter）和扩展操作符（spread operator，展开运算符）都是在 ECMAScript 6（ES6，2015年发布）版本中引入的语法特性。两者在语法上看起来非常相似，但它们在功能和用途上是不同的。
剩余参数（Rest Parameter）：它允许我们在函数声明中将多个参数收集到一个数组中。使用三个点(...)加上一个参数名——这个参数名可以是任何合法的标识符，它可以将传入函数的多余参数收集到该数组中。这样做的好处是可以处理任意数量的参数，使函数更加灵活。剩余参数只能出现在函数参数列表的最后一个位置。下面是一个使用剩余参数的例子：
function sum(...numbers) {
let total = 0;
for (let num of numbers) {
total += num;
}
return total;
}
console.log(sum(1, 2, 3)); // 输出: 6
console.log(sum(4, 5, 6, 7)); // 输出: 22
在上述例子中，...numbers是一个剩余参数，它会将传递给函数的所有额外参数收集到一个名为numbers的数组中。
扩展操作符（spread operator）：它用三个点(...)来展开可迭代对象（如数组或字符串），将它们拆分为独立的元素，将每个元素作为单独的参数传递给函数或构造新的数组。它通常用于函数调用、数组字面量和对象字面量中。
以下是一些使用扩展操作符的示例：
// 使用扩展操作符在函数调用中展开数组
function myFunction(x, y, z) {
console.log(x, y, z);
}
const args = [1, 2, 3];
myFunction(...args); // 输出: 1 2 3
// 使用扩展操作符在数组字面量中合并数组
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const mergedArray = [...arr1, ...arr2]; // 创建一个新数组 [1, 2, 3, 4, 5, 6]
// 使用扩展操作符在对象字面量中合并对象
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const mergedObj = { ...obj1, ...obj2 }; // 创建一个新对象 { a: 1, b: 2, c: 3, d: 4 }
如上所示，扩展操作符通过使用三个点（...）将数组、字符串等可迭代对象展开为单独的元素。
剩余参数和扩展操作符具有相似的语法形式（都使用三个点），但它们的功能和用途是不同的。剩余参数用于将多个参数收集到一个数组中，而扩展操作符用于展开可迭代对象的元素。