在 JavaScript 中，Object 是一种常见的数据类型，它可以存储键值对，并且可以动态地添加或删除属性。然而，在某些情况下，我们需要对 Object 进行拷贝，以便在不影响原始 Object 的情况下进行修改。这就涉及到了 JavaScript 中的深拷贝问题。
深拷贝问题
在 JavaScript 中，Object 的拷贝有两种方式：浅拷贝和深拷贝。浅拷贝只是复制了对象的引用，而不是对象本身，因此如果对拷贝后的对象进行修改，原始对象也会受到影响。深拷贝则是将对象及其所有嵌套对象的属性都复制一遍，因此修改拷贝后的对象不会影响原始对象。
在 JavaScript 中，实现深拷贝并不是一件容易的事情。通常，我们需要使用递归函数或第三方库来实现深拷贝。这些方法虽然可行，但它们都有一些缺点。递归函数可能会导致性能问题，而第三方库则会增加代码的复杂度和依赖性。
Object.assign() 解决深拷贝问题
在 ECMAScript 2017（ES8）中，引入了一个新的方法 Object.assign()，它可以用来解决 JavaScript 中的深拷贝问题。Object.assign() 方法接受一个或多个源对象和一个目标对象，将所有源对象的属性复制到目标对象中，并返回目标对象。例如：
--- ---- - - -- - -- --- ---- - - -- - -- --- ---- - - -- - -- --- ---- - ----------------- ----- ----- ------ ------------------ -- - -- -- -- -- -- - -
在这个例子中，我们首先定义了三个源对象 obj1、obj2 和 obj3，然后使用 Object.assign() 方法将它们的属性复制到一个空对象中。最终，我们得到了一个新的对象 obj4，它包含了所有源对象的属性。
需要注意的是，Object.assign() 方法只会复制对象的可枚举属性，而且不会复制原型链上的属性。如果源对象和目标对象有相同的属性，则后面的属性会覆盖前面的属性。例如：
--- ---- - - -- -- -- - -- --- ---- - - -- -- -- - -- --- ---- - ----------------- ----- ------ ------------------ -- - -- -- -- -- -- - -
在这个例子中，obj1 和 obj2 都有一个属性 b，但是在目标对象 obj3 中，属性 b 的值是 3，而不是 2。
Object.assign() 实现深拷贝
虽然 Object.assign() 方法不能直接实现深拷贝，但是我们可以结合使用它和 JSON.stringify() 方法来实现深拷贝。具体来说，我们可以将源对象先转换成 JSON 字符串，然后再将 JSON 字符串转换成目标对象。例如：
--- ---- - - -- -- -- - -- - - -- --- ---- - --------------------------------- -------- - -- ---------------------- -- - ---------------------- -- -
在这个例子中，我们首先定义了一个源对象 obj1，它包含了一个嵌套的对象。然后，我们使用 JSON.stringify() 方法将 obj1 转换成 JSON 字符串，再使用 JSON.parse() 方法将 JSON 字符串转换成目标对象 obj2。最后，我们修改了 obj2 中嵌套对象的属性，发现 obj1 并没有受到影响。
需要注意的是，这种方法虽然可以实现深拷贝，但是它有一些限制。首先，源对象和目标对象中不能包含循环引用，否则会导致栈溢出错误。其次，源对象中的函数、RegExp 对象、Date 对象等特殊对象类型会在转换成 JSON 字符串时丢失，因此在目标对象中也无法复制这些属性。
总结
在 ECMAScript 2017（ES8）中，Object.assign() 方法可以用来解决 JavaScript 中的深拷贝问题。虽然它不能直接实现深拷贝，但是结合使用它和 JSON.stringify() 方法可以实现深拷贝。需要注意的是，这种方法有一些限制，源对象和目标对象中不能包含循环引用，且源对象中的特殊对象类型会丢失。在实际开发中，我们应该根据具体情况选择合适的方法来进行对象拷贝。
示例代码：
--- ---- - - -- -- -- - -- - - -- --- ---- - ----------------- ------ -------- - -- ---------------------- -- - ---------------------- -- - --- ---- - - -- -- -- - -- - - -- --- ---- - --------------------------------- -------- - -- ---------------------- -- - ---------------------- -- -
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66167326d10417a2226614c9