ECMAScript中的spread操作符是什么

在 ECMAScript（即 JavaScript）中，spread 操作符（用三个点 ... 表示）允许一个可迭代对象（如数组、字符串、Set、Map 等）展开为一系列单独的元素。这个操作符可以用于函数调用、数组字面量、对象字面量等场景。

以下是一些使用 spread 操作符的示例：

1. 函数调用：

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

const numbers = [1, 2, 3];

console.log(sum(...numbers)); // 输出：6

在这个例子中，我们将数组 numbers 展开为三个参数，然后将它们传递给 sum 函数。

2. 数组字面量：

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

const combinedArr = [...arr1, ...arr2];

console.log(combinedArr); // 输出：[1, 2, 3, 4, 5, 6]

在这个例子中，我们使用 spread 操作符将两个数组合并为一个新数组。

3. 对象字面量：

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };

const combinedObj = { ...obj1, ...obj2 };

console.log(combinedObj); // 输出：{ a: 1, b: 2, c: 3, d: 4 }

在这个例子中，我们使用 spread 操作符将两个对象的属性合并到一个新对象中。

需要注意的是，如果两个对象有相同的属性，那么后面的对象的属性值会覆盖前面对象的属性值。例如：

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };

const combinedObj = { ...obj1, ...obj2 };

console.log(combinedObj); // 输出：{ a: 1, b: 3, c: 4 }

在这个例子中，obj2 的 b 属性值覆盖了 obj1 的 b 属性值。