在 JavaScript 中，Rest/Spread 操作符是 ES6 中引入的一种语法，可以很方便地对数组和对象进行操作。而在 ES9 中，这种操作符被进一步扩展，提供了更多的功能和灵活性。
Rest 操作符
Rest 操作符用于将多个参数转换成一个数组。它的语法如下：
function foo(...args) {
console.log(args);
}
foo(1, 2, 3); // [1, 2, 3]在上面的例子中，...args 表示将所有传入的参数转换成一个数组。
Rest 操作符也可以用于解构赋值：
const [a, b, ...rest] = [1, 2, 3, 4, 5]; console.log(a); // 1 console.log(b); // 2 console.log(rest); // [3, 4, 5]
上面的例子中，...rest 表示将剩余的元素转换成一个数组。
Spread 操作符
Spread 操作符用于展开数组或对象。它的语法如下：
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = [...arr1, ...arr2]; console.log(arr3); // [1, 2, 3, 4, 5, 6]
在上面的例子中，...arr1 和 ...arr2 表示将这两个数组展开，然后合并成一个新的数组。
Spread 操作符也可以用于对象：
const obj1 = { name: 'Alice', age: 18 };
const obj2 = { gender: 'female' };
const obj3 = { ...obj1, ...obj2 };
console.log(obj3); // { name: 'Alice', age: 18, gender: 'female' }上面的例子中，...obj1 和 ...obj2 表示将这两个对象展开，然后合并成一个新的对象。
在函数调用中使用 Rest/Spread 操作符
Rest/Spread 操作符在函数调用中也非常有用。例如，我们可以使用 Rest 操作符将函数的参数转换成一个数组：
function sum(...args) {
return args.reduce((total, current) => total + current, 0);
}
console.log(sum(1, 2, 3)); // 6在上面的例子中，...args 表示将所有传入的参数转换成一个数组，然后使用 reduce() 方法求和。
我们还可以使用 Spread 操作符将一个数组的元素作为函数的参数传递：
function foo(a, b, c) {
console.log(a, b, c);
}
const arr = [1, 2, 3];
foo(...arr); // 1 2 3在上面的例子中，...arr 表示将数组 arr 展开，然后将其中的元素作为函数的参数传递。
总结
Rest/Spread 操作符是 JavaScript 中非常有用的语法，可以很方便地对数组和对象进行操作。在函数调用中，它们也可以提高代码的可读性和灵活性。在实际开发中，我们应该注意使用它们，以提高代码的效率和可维护性。
示例代码
-- -------------------- ---- ------- -- ---- --- -------- ------------ - ------------------ - ------ -- --- -- --- -- -- ----- --- -- -------- - --- -- -- -- --- --------------- -- - --------------- -- - ------------------ -- --- -- -- -- ------ --- ----- ---- - --- -- --- ----- ---- - --- -- --- ----- ---- - --------- --------- ------------------ -- --- -- -- -- -- -- ----- ---- - - ----- -------- ---- -- -- ----- ---- - - ------- -------- -- ----- ---- - - -------- ------- -- ------------------ -- - ----- -------- ---- --- ------- -------- - -- -------- ----------- --- -------- ------------ - ------ ------------------- -------- -- ----- - -------- --- - ------------------ -- ---- -- - -------- ------ -- -- - -------------- -- --- - ----- --- - --- -- --- ------------ -- - - -
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65887576eb4cecbf2dd98195