浅拷贝和深拷贝

最新推荐文章于 2024-09-07 19:50:03 发布

举个爪子

最新推荐文章于 2024-09-07 19:50:03 发布

阅读量89

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_43537306/article/details/96040695

本文介绍了JavaScript中对象的复制方式，包括浅拷贝和深拷贝的区别及实现方法。浅拷贝会导致对象之间的引用共享，而深拷贝则能完全独立地复制对象及其属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

指对象的复制。

浅拷贝

复制对象，区别深拷贝的是，被拷贝对象中如果有值类型，那么拷贝的对象和被拷贝对象是共用存储空间的。也就是指向同一引用，所以导致，如果拷贝对象改变引用，被拷贝的对象也会被同时改变（虽然不是主动改变）

function extendCopy(p) {
    var c = {};
    for (i in p) {
        c[i] = p[i];
    }
    c.uber = p;
    return c;
}
//uber可以看做是对象属性
var Chinese = {
    nation: "中国"
}

var Doctor = extendCopy(Chinese);
Doctor.career = "医生";
// 这样Doctor就继承了Chinese的属性

但是这样就出现上面所说的问题：

Chinese.birthPlaces = ['北京','上海','香港'];
var Doctor = extendCopy(Chinese);
Doctor.birthPlaces.push('广州');

console.log(Chinese.birthPlaces);

通过上面例子可以看到，Doctor本来想自己增加一个元素，但是其拷贝对象也被改变了。

这时就需要深拷贝：

深拷贝

function deepCopy(p,c) {
    var c = c || {};
    for (var i in p) {
        //typeof返回的是字符串
        if (typeof p[i] === 'object') {
            c[i] = (p[i].constructor === Array) ? [] : {};
            deepCopy(p[i], c[i]);
        } else {
            c[i] = p[i];
        }
    }
    return c;
}