面试题：扩展运算符(...)的优缺点（vue）

面试题：扩展运算符(…)的优缺点（vue）

扩展运算符

扩展运算符（spread operator）是ES6中新增的一种语法，用于将一个数组或对象拆分成单独的元素，通常写作...。它可以应用于函数调用、数组字面量和对象字面量等场景，并且非常灵活和方便。

下面是使用扩展运算符进行数组合并和对象合并的例子：

// 数组合并
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]
// 对象合并
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const obj3 = { ...obj1, ...obj2 }; // {a:1, b:2, c:3, d:4}

优点

1. 简化参数传递：我们可以将一个数组或对象作为参数传递给函数时，借助扩展运算符方便地将多个参数以列表形式传递。
2. 创建新数据结构：使用扩展运算符复制一个数组或对象时，会创建一个新的数据结构，而不是引用原有数据结构，这样可以避免在操作时影响到原有数据。
3. 智能分割字符串：扩展运算符可以轻松地分割一个字符串中的字符，并将其存储到一个数组中，再运用其他技巧对这些字符进行操作。

缺点

1. 扩展运算符需要在浏览器上支持ES6语法才能使用，而某些旧版本的浏览器可能会无法兼容。
2. 由于扩展运算符默认是直接复制原始数据的，因此当需要复制一个嵌套的对象时，可能会遇到浅拷贝问题（即只会复制对象最外层，不深入到其中的属性），这时候需要额外处理以达到深拷贝的目的。

总的来说，扩展运算符在实际开发中非常方便，可以大大提升开发效率。然而，在应用时仍需注意兼容性与深拷贝的问题。