什么是扩展运算符？使用场景

扩展运算符（Spread Operator）是ES6中引入的一个新语法，用三个点（...）表示。它可以在函数调用、数组和对象的字面量等场景中，将一个可迭代对象（如数组、字符串或对象）展开成单个元素序列。

使用场景例子：

1. 数组拷贝和合并：

   const arr1 = [1, 2, 3];
   const arr2 = [...arr1]; // 拷贝数组
   const arr3 = [...arr1, 4, 5]; // 合并数组
   

2. 函数调用传参：

   function foo(a, b, c) {
     console.log(a + b + c);
   }
   
   const args = [1, 2, 3];
   foo(...args); // 传入数组作为参数
   

3. 对象字面量中的属性拷贝：

   const obj1 = { a: 1, b: 2 };
   const obj2 = { ...obj1 }; // 拷贝对象
   const obj3 = { ...obj1, c: 3 }; // 合并属性
   

原理： 扩展运算符背后的原理是利用可迭代对象的iterator接口（Symbol.iterator属性），通过遍历获取可迭代对象的每个元素。对于数组，扩展运算符会依次取出元素进行展开；对于字符串，会将字符串转换成字符数组再进行展开；对于对象，会先获取其可遍历属性的键，然后依次取出键对应的值进行展开。最终生成一个新的数组或对象。