扩展运算符(Spread Operator)是ES6中引入的一个新语法,用三个点(...)表示。它可以在函数调用、数组和对象的字面量等场景中,将一个可迭代对象(如数组、字符串或对象)展开成单个元素序列。
使用场景例子:
- 数组拷贝和合并:
const arr1 = [1, 2, 3]; const arr2 = [...arr1]; // 拷贝数组 const arr3 = [...arr1, 4, 5]; // 合并数组
- 函数调用传参:
function foo(a, b, c) { console.log(a + b + c); } const args = [1, 2, 3]; foo(...args); // 传入数组作为参数
- 对象字面量中的属性拷贝:
const obj1 = { a: 1, b: 2 }; const obj2 = { ...obj1 }; // 拷贝对象 const obj3 = { ...obj1, c: 3 }; // 合并属性
原理: 扩展运算符背后的原理是利用可迭代对象的iterator接口(Symbol.iterator属性),通过遍历获取可迭代对象的每个元素。对于数组,扩展运算符会依次取出元素进行展开;对于字符串,会将字符串转换成字符数组再进行展开;对于对象,会先获取其可遍历属性的键,然后依次取出键对应的值进行展开。最终生成一个新的数组或对象。