前端知识笔记（十一）———拓展运算符

一，什么是拓展运算符

拓展运算符（Spread Operator）是 ES6 中新增的操作符，用于在函数调用、数组字面量、对象字面量等语法中将一个可迭代对象拆分成单个元素，或将多个元素合并为一个新的数组。

二，在函数中

在函数调用中，拓展运算符可以将一个数组或类数组对象 "展开" 成为一个参数序列，传递给函数。例如：

function sum(x, y, z) {
  return x + y + z;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 输出：6

在上面的示例中，...numbers 表示将 numbers 数组展开成为一个参数序列，相当于调用 sum(1, 2, 3)

三，在数组中

在数组字面量中，拓展运算符可以将一个数组 "展开" 成为另一个数组的一部分，例如：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combinedArray = [...arr1, ...arr2];
console.log(combinedArray); // 输出：[1, 2, 3, 4, 5, 6]

四，在对象中

在对象字面量中，拓展运算符可以将一个对象的属性 "展开" 成为另一个对象的一部分，例如：

const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const combinedObject = { ...obj1, ...obj2 };
console.log(combinedObject); // 输出：{a:1, b:2, c:3, d:4}

五，注意事项

需要注意的是，拓展运算符只能用于可迭代对象（如数组、类数组对象、字符串、Set、Map 等），如果用于非可迭代对象，会抛出错误。此外，在使用拓展运算符时要注意避免产生副作用，以免影响程序的可维护性和可读性。