记录--Object.assign 这算是深拷贝吗

周臻骅

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助

在JavaScript中，Object.assign() 是一个用于合并对象属性的常见方法。然而，对于许多开发者来说，关于它是否执行深拷贝的认识可能存在一些混淆。先说答案Object.assign() 不属于深拷贝，我们接着往下看。
Object.assign() 概览

首先，让我们回顾一下 Object.assign() 的基本用法。该方法用于将一个或多个源对象的属性复制到目标对象，并返回目标对象。这一过程是浅拷贝的，即对于嵌套对象或数组，只是拷贝了引用而非创建新的对象。

1. const obj = { a: 1, b: { c: 2 } };
2. const obj2 = { d: 3 };
4. const mergedObj = Object.assign({}, obj, obj2);
6. console.log(mergedObj);
7. // 输出: { a: 1, b: { c: 2 }, d: 3 }

复制代码

浅拷贝的陷阱

浅拷贝的特性意味着如果源对象中包含对象或数组，那么它们的引用将被复制到新的对象中。这可能导致问题，尤其是在修改新对象时，原始对象也会受到影响。

1. const obj = { a: 1, b: { c: 2 } };
2. const clonedObj = Object.assign({}, obj);
3. clonedObj.b.c = 3;
5. console.log(obj);         // { a: 1, b: { c: 3 } }
6. console.log(clonedObj);   // { a: 1, b: { c: 3 } }

复制代码

在这个例子中，修改 clonedObj 的属性也会影响到原始对象 obj。
因此，如果我们需要创建一个全新且独立于原始对象的拷贝，我们就需要进行深拷贝。而 Object.assign() 并不提供深拷贝的功能。
深拷贝的需求

如果你需要进行深拷贝而不仅仅是浅拷贝，就需要使用其他的方法，如使用递归或第三方库来实现深度复制。以下是几种常见的深拷贝方法：
1. 使用 JSON 序列化和反序列化

1. const obj = { a: 1, b: { c: 2 } };
2. const deepClonedObj = JSON.parse(JSON.stringify(obj));
3. deepClonedObj.b.c = 3;
5. console.log(obj);            // { a: 1, b: { c: 2 } }
6. console.log(deepClonedObj);  // { a: 1, b: { c: 3 } }

复制代码

这种方法利用了 JSON 的序列化和反序列化过程，通过将对象转换为字符串，然后再将字符串转换回对象，实现了一个全新的深拷贝对象。
需要注意的是，这种方法有一些限制，例如无法处理包含循环引用的对象，以及一些特殊对象（如 RegExp 对象）可能在序列化和反序列化过程中失去信息。
2. 使用递归实现深拷贝

1. function deepClone(obj) {
2.   if (obj === null || typeof obj !== 'object') {
3.     return obj;
4.   }
6.   const clonedObj = Array.isArray(obj) ? [] : {};
8.   for (let key in obj) {
9.     if (obj.hasOwnProperty(key)) {
10.       clonedObj[key] = deepClone(obj[key]);
11.     }
12.   }
14.   return clonedObj;
15. }
17. const obj = { a: 1, b: { c: 2 } };
18. const deepClonedObj = deepClone(obj);
19. deepClonedObj.b.c = 3;
21. console.log(obj);            // { a: 1, b: { c: 2 } }
22. console.log(deepClonedObj);  // { a: 1, b: { c: 3 } }

复制代码

这是一个递归实现深拷贝的方法。它会递归地遍历对象的属性，并创建它们的副本。这种方法相对灵活，可以处理各种情况。
但需要注意在处理大型对象或深度嵌套的对象时可能会导致栈溢出。
3. 使用第三方库

许多第三方库提供了强大而灵活的深拷贝功能，其中最常用的是 lodash 库中的 _.cloneDeep 方法。

1. const _ = require('lodash');
3. const obj = { a: 1, b: { c: 2 } };
4. const deepClonedObj = _.cloneDeep(obj);
5. deepClonedObj.b.c = 3;
7. console.log(obj);            // { a: 1, b: { c: 2 } }
8. console.log(deepClonedObj);  // { a: 1, b: { c: 3 } }

复制代码

使用第三方库的优势在于它们通常经过精心设计和测试，可以处理更多的边界情况，并提供更好的性能。
本文转载于:

https://juejin.cn/post/7325040809697591296

如果对您有所帮助，欢迎您点个关注，我会定时更新技术文档，大家一起讨论学习，一起进步。

 

来源:https://www.cnblogs.com/smileZAZ/p/17972854
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！