在前端开发中，对象拷贝是一个常见的操作。常常会遇到需要将一份对象的数据复制到另一个对象的场景。在 ES9 中，引入了一种新的语法特性 Object rest/spread properties，可以方便地实现对象拷贝。本文将介绍该语法特性的基本用法和在对象拷贝中的应用。
Object rest/spread properties 的基本用法
在 ES6 中，我们已经可以通过扩展运算符（...）将一个数组或对象的元素展开到另一个数组或对象中：
const array1 = [1, 2, 3]; const array2 = [...array1, 4, 5, 6]; // 结果：[1, 2, 3, 4, 5, 6] const obj1 = { a: 1, b: 2, c: 3 }; const obj2 = { ...obj1, d: 4, e: 5, f: 6 }; // 结果：{a:1, b:2, c:3, d:4, e:5, f:6}
在 ES9 中，我们可以使用 Object rest/spread properties 将一个对象的属性展开到另一个对象中。具体来说，使用 {...obj} 可以将 obj 中的所有属性复制到一个新的对象中：
const obj1 = { a: 1, b: 2, c: 3 }; const obj2 = { ...obj1 }; // 结果：{a:1, b:2, c:3}
同时，我们也可以使用 Object rest 语法来排除一个对象中部分属性，生成一个新的对象：
const obj1 = { a: 1, b: 2, c: 3 }; const { a, ...obj2 } = obj1; // 结果：a===1, obj2==={b:2, c:3}
以上是 Object rest/spread properties 的基本用法。接下来，我们来看看如何将这个语法特性用于对象拷贝。
使用 Object rest/spread properties 实现对象拷贝
在前端开发中，对象拷贝是一个常见的操作。比如，我们可能需要将一个对象的数据复制到另一个对象中，或者将一个对象作为参数传递给一个方法时，需要先进行拷贝操作。这时，我们可以使用 Object rest/spread properties 语法来实现对象拷贝。
下面是一个使用 Object rest/spread properties 实现对象拷贝的示例代码：
-- -------------------- ---- ------- ----- ---- - - -- -- -- -- -- - -- -- ---- ----- ---- - - ------- -- ------------------ -- -------- ---- ---- -- ---- ----- ---- - ----------------- ------ ------------------ -- -------- ---- ----展开代码
注意，在对象拷贝时，如果对象中包含嵌套结构（即对象中嵌套了其他对象），那么这种浅拷贝方式可能会有问题。这时，需要使用递归方式对嵌套对象进行深拷贝，以避免出现引用类型的问题。
总结
通过本文的介绍，我们了解了 ES9 中的 Object rest/spread properties 语法特性和它在对象拷贝中的应用。这种新的语法特性可以方便地将一个对象的属性复制到另一个对象中，是实现对象拷贝的一个好助手。但需要注意，在处理嵌套对象时，需要使用递归方式进行深拷贝，否则可能会出现引用类型的问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6474908b968c7c53b01e8431
