在 ECMAScript 2016 中，我们可以使用 Object.assign 方法来进行对象的浅拷贝和深拷贝。本文将介绍 Object.assign 的用法以及如何使用它进行浅拷贝和深拷贝。
Object.assign 方法
Object.assign 方法用于将一个或多个对象的属性复制到目标对象中。它的语法如下：
Object.assign(target, ...sources)
参数说明：
- target：目标对象。
- sources：一个或多个源对象。
Object.assign 方法会将源对象的所有可枚举属性（包括 Symbol 类型的属性）复制到目标对象中。如果多个源对象具有相同的属性，则后面的源对象会覆盖前面的源对象。
需要注意的是，Object.assign 方法只会复制对象的属性值，而不会复制对象的引用。这就意味着如果源对象的属性值是一个对象或数组，那么目标对象中的相应属性值仍然是源对象中的对象或数组的引用。
浅拷贝
浅拷贝是指复制对象的一级属性值，如果属性值是一个对象或数组，则仅复制其引用。我们可以使用 Object.assign 方法来进行浅拷贝。
示例代码：
-- -------------------- ---- ------- ----- ---- - - -- -- -- - -- - - -- ----- ---- - ----------------- ------ ------------------ -- - -- -- -- - -- - - - ------------------ -- - -- -- -- - -- - - - ------ - -- -------- - -- ------------------ -- - -- -- -- - -- - - - ------------------ -- - -- -- -- - -- - - -
上面的代码中，我们首先定义了一个包含一级属性和一个嵌套对象的对象 obj1。然后使用 Object.assign 方法将 obj1 的属性复制到一个空对象中，得到一个新的对象 obj2。接着我们修改了 obj2 的一级属性和嵌套对象的属性值，可以看到 obj1 的嵌套对象的属性值也被修改了，这是因为浅拷贝只复制了嵌套对象的引用。
深拷贝
深拷贝是指复制对象的所有属性值及其引用的对象或数组。在 ECMAScript 2016 中，我们可以通过结合 Object.assign 和 JSON.parse/JSON.stringify 来实现深拷贝。
示例代码：
-- -------------------- ---- ------- ----- ---- - - -- -- -- - -- - - -- ----- ---- - --------------------------------- ------------------ -- - -- -- -- - -- - - - ------------------ -- - -- -- -- - -- - - - ------ - -- -------- - -- ------------------ -- - -- -- -- - -- - - - ------------------ -- - -- -- -- - -- - - -
上面的代码中，我们使用 JSON.stringify 将 obj1 转换为字符串，然后使用 JSON.parse 将字符串转换为对象，得到一个新的对象 obj2。这样，obj2 就是 obj1 的深拷贝，修改 obj2 的属性值不会影响 obj1。
需要注意的是，使用 JSON.stringify/JSON.parse 进行深拷贝的方法有一些限制，例如无法复制函数、正则表达式等特殊类型的属性值。在实际开发中，我们可以使用第三方的深拷贝库来完成深拷贝操作。
总结
Object.assign 方法可以用于浅拷贝对象的属性值，但对于嵌套对象或数组的属性值，仍然只复制其引用。如果需要进行深拷贝，则可以结合 Object.assign 和 JSON.parse/JSON.stringify 来实现，或使用第三方的深拷贝库。在实际开发中，选择合适的拷贝方式可以提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/662c7f1fd3423812e4a083d2