深拷贝和浅拷贝

最新推荐文章于 2024-01-12 09:42:53 发布

Wnig

最新推荐文章于 2024-01-12 09:42:53 发布

阅读量111

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_29217789/article/details/111192146

版权

前端专栏收录该内容

61 篇文章 1 订阅

订阅专栏

本文详细介绍了深拷贝和浅拷贝的区别，深拷贝创建的是完全独立的对象副本，而浅拷贝仅复制对象的引用。通过实例展示了深拷贝的JSON方法和浅拷贝的Object.assign方法，帮助理解两者在内存管理和对象修改时的不同行为。

摘要由CSDN通过智能技术生成

深拷贝与浅拷贝的区别

深拷贝和浅拷贝最根本的区别在于是否真正获取一个对象的复制实体，而不是引用。
假设B复制了A，修改A的时候，看B是否发生变化：
如果B跟着也变了，说明是浅拷贝，修改堆内存中的同一个值。
如果B没有改变，说明是深拷贝，修改堆内存中的不同的值。

浅拷贝（shallowCopy）只是增加了一个指针指向已存在的内存地址。
深拷贝（deepCopy）是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存，使用深拷贝的情况下，释放内存的时候不会因为出现浅拷贝时释放同一个内存的错误。

深拷贝实现方法：JSON方法实现

//_tmp和result是相互独立的，没有任何联系，有各自的存储空间。
let deepClone = function (obj) {
    let _tmp = JSON.stringify(obj);//将对象转换为json字符串形式
    let result = JSON.parse(_tmp);//将转换而来的字符串转换为原生js对象
    return result;
};

let obj1 = {
    weiqiujaun: {
        age: 20,
        class: 1502
    },
    liuxiaotian: {
        age: 21,
        class: 1501
    }
};

let test = deepClone(obj1);
console.log(test);

浅拷贝：使用object.assign方法

let target=[];
let testArr=[2,3,5,8];
Object.assign(target,testArr);
console.log(target);
testArr.push(8);
console.log("我是原来的"+target+",我是现在的"+testArr);