Javascript笔记 rest VS spread

1 rest

2 spread

3 二者区别

在 JavaScript 中，spread 操作符 ... 和 rest 参数都使用三个点 ... 作为前缀，但它们在使用上有一些区别，主要体现在它们的作用和使用场景上。

Spread 操作符 ...

作用： "展开"数组或对象的元素/属性。

使用场景：

数组: 可以在创建数组时将一个数组（或数组的一部分）插入到另一个数组中。

let arr1 = [1, 2, 3];
let arr2 = [...arr1, 4, 5];  // [1, 2, 3, 4, 5]

函数调用: 可以将数组的元素展开作为函数参数传入。

function myFunc(a, b, c) {
  return a + b + c;
}
let nums = [1, 2, 3];
console.log(myFunc(...nums));  // 6

对象: 可以在创建对象时将另一个对象的属性插入到对象中。

let obj1 = { a: 1, b: 2 };
let obj2 = { ...obj1, c: 3 };  // { a: 1, b: 2, c: 3 }

Rest 参数 ...

作用： 将函数参数（或数组的一部分）“组合”成一个数组。

使用场景：

• 函数参数： 可以将多个参数组合成一个数组。通常用于获取函数的所有参数。

function myFunc(...args) {
  // args 是一个数组
  console.log(args);
}
myFunc(1, 2, 3);  // 输出: [1, 2, 3]

总结一下：

• Spread 是将数组/对象的元素/属性展开。
• Rest 是将多个元素/属性组合成一个数组/对象。