javascript中...的用法

在 JavaScript 中，三个连续的点（…）被称为扩展运算符（Spread Operator）和剩余参数（Rest Parameters），具有不同的用法。

1.扩展运算符（Spread Operator）： 扩展运算符可以将一个数组或类数组对象展开成独立的元素。它可以用于数组、函数调用和对象字面量等多种情况。

数组展开：

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

函数调用：

function sum(a, b, c) {
  return a + b + c;
}

const numbers = [1, 2, 3];
const result = sum(...numbers); // 6

对象字面量：

const obj1 = { x: 1, y: 2 };
const obj2 = { ...obj1, z: 3 }; // { x: 1, y: 2, z: 3 }

2.剩余参数（Rest Parameters）： 剩余参数允许我们将多个参数收集到一个数组中，可以在函数定义时使用。

function sum(...numbers) {
  let total = 0;
  for (let number of numbers) {
    total += number;
  }
  return total;
}

console.log(sum(1, 2, 3)); // 6
console.log(sum(4, 5, 6, 7)); // 22

 在上面的例子中，剩余参数 ...numbers 接收了所有传递给 sum 函数的参数，并将它们作为一个数组存储在 numbers 中。
扩展运算符和剩余参数是 JavaScript 中非常有用的特性，可以简化代码并提供更灵活的参数处理方式。