在前端开发中，我们经常需要对对象进行拷贝或合并操作。这些操作通常涉及到循环遍历对象的属性，然后逐一赋值或进行合并操作。如果对象比较大或者嵌套比较深，这些操作会非常繁琐和耗时。ES7 中引入了 Object Rest/Spread Property，可以更方便地进行对象的拷贝和合并操作，提高开发效率和性能。
什么是 Object Rest/Spread Property
Object Rest/Spread Property 是 ES7 引入的一个新特性，允许我们使用 ... 将对象展开，以便进行对象的拷贝和合并操作。具体来说，Object Rest/Spread Property 做了两个事情：
- 将对象的属性展开
- 集合对象的属性
我们可以将展开后的属性赋值给某个变量，从而进行对象的拷贝和合并操作。
对象拷贝
使用 Object Rest/Spread Property 进行对象拷贝很简单，只需要将要拷贝的对象展开即可。示例代码如下：
const obj1 = { a: 1, b: 2, c: { d: 3 } };
const obj2 = { ...obj1 };在上面的代码中，obj2 将包含 obj1 的全部属性，并且这些属性之间是独立的，修改 obj2 中的属性不会影响 obj1 中的属性。如果 obj1 的属性是对象类型，则会进行浅拷贝，即 obj2 中的属性会和 obj1 中的属性指向同一个对象。
对象合并
使用 Object Rest/Spread Property 进行对象合并也很简单，只需要将要合并的对象展开，然后将要合并的属性添加到展开后的对象中即可。示例代码如下：
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const obj3 = { ...obj1, ...obj2 };在上面的代码中，obj3 将包含 obj1 和 obj2 的全部属性。如果 obj1 和 obj2 中有相同的属性，后面的属性会覆盖前面的属性。
深拷贝和合并
如果需要进行对象的深拷贝和合并，即 obj2 中的属性是 obj1 中属性的副本，而不是和 obj1 中属性指向同一个对象，我们可以使用第三方库，例如 lodash、Immutable.js 等。这些库提供了深拷贝和合并的 API，可以更方便地处理对象的复杂逻辑。下面是使用 lodash 进行对象的深拷贝和合并的示例代码：
import _ from 'lodash';
const obj1 = { a: 1, b: 2, c: { d: 3 } };
const obj2 = _.cloneDeep(obj1); // 深拷贝
const obj3 = _.merge({}, obj1, { c: { e: 4 } }); // 深合并总结
使用 ES7 的 Object Rest/Spread Property 进行对象拷贝和合并可以大大提高开发效率和性能。对于不需要进行深拷贝和合并的对象，可以直接使用对象展开运算符进行操作；对于需要进行深拷贝和合并的对象，可以使用第三方库来处理。在实际开发过程中，应根据具体情况选择合适的方法进行处理，以提高开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a7d6aeadd4f0e0ff0fa382