在JavaScript中，对象的拷贝分为浅拷贝和深拷贝两种方式。浅拷贝仅仅复制对象的引用地址，而深拷贝则是创建一个完全独立的副本。
浅拷贝是将原对象的引用地址复制给新对象，它们指向同一块内存空间。当修改其中任意一个对象的属性时，另一个对象的相应属性也会被修改。这是因为它们共享相同的内存地址。
深拷贝是创建一个全新的对象，并将原对象中的所有属性逐一复制到新对象中，新对象和原对象互不影响。即使修改其中一个对象的属性，另一个对象的属性也不会受到影响。
下面，我将通过具体的代码示例来说明浅拷贝和深拷贝的区别。
首先，我们来看一个浅拷贝的示例：
let obj1 = {name: "Alice", age: 20};let obj2 = obj1;obj1.age = 21; console.log(obj1); // {name: "Alice", age: 21}console.log(obj2); // {name: "Alice", age: 21}
登录后复制
在上述代码中，我们通过将obj1赋值给obj2实现了一个浅拷贝。当修改obj1的age属性时，obj2的age属性也被修改了，这是因为它们指向同一块内存地址。
接下来，我们来看一个深拷贝的示例：
function deepClone(obj) { if (obj === null || typeof obj !== 'object') { return obj; } let clone = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { clone[key] = deepClone(obj[key]); } } return clone;}let obj1 = {name: "Alice", age: 20};let obj2 = deepClone(obj1);obj1.age = 21;console.log(obj1); // {name: "Alice", age: 21}console.log(obj2); // {name: "Alice", age: 20}
登录后复制
在上述代码中，我们定义了一个deepClone函数，用于实现深拷贝。该函数首先判断传入的参数是否为null或不是对象类型，如果是则直接返回，否则创建一个与传入对象类型相同的空对象clone。然后通过遍历原对象的属性，递归调用deepClone函数对每个属性进行深拷贝，并赋值给相应的clone属性。最后返回新对象clone。
通过使用deepClone函数，我们实现了对obj1的深拷贝。即使修改了obj1的age属性，但obj2的age属性依然保持不变，这是因为它们是两个完全独立的对象。
综上所述，浅拷贝仅仅复制对象的引用地址，而深拷贝是创建一个完全独立的副本。深拷贝能够保证在修改副本对象时不影响原对象，适用于有嵌套结构的对象拷贝。需要注意的是，在实际开发中，深拷贝可能会导致性能开销较大，因此需要根据实际情况选择合适的拷贝方式。
以上就是JS中深度复制和浅复制有何不同的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2682027.html
