js 深复制(深拷贝)和浅复制(浅拷贝)的区别

    最近在做项目的时候,发现deepCopy()这个函数,顾名思义是深复制的意思,有了深复制反向思考肯定有浅复制,查阅资料之后便做下整理~
    个人理解,深复制和浅复制最根本的区别在于**是否是真正获取了一个对象的复制实体而不是一个引用**,从深层次上讲深复制在计算机中开辟了一块内存地址用于存放复制的对象,而浅复制仅仅是指向被复制的内存地址,如果原地址中对象被改变了,那么浅复制出来的对象也会相应改变,废话不多,上码!
    var deepCopy = function(obj){
    var str, newobj = obj.constructor === Array ? [] : {};
    if(typeof obj !== 'object'){
        return;
    } else if(window.JSON){
        str = JSON.stringify(obj), //系列化对象
        newobj = JSON.parse(str); //还原
    } else {
        for(var i in obj){
            newobj[i] = typeof obj[i] === 'object' ? 
            cloneObj(obj[i]) : obj[i]; 
        }
    }
    return newobj;
};
var obj = { a:1, arr: [1,2] };
var obj1 = obj;
var obj2 = deepCopy(obj);
obj.a = 2
console.log(obj1.a, obj2.a)
//输出 2 1

以上代码可以看出,浅复制后,因为是原对象的引用,所以在原对象属性a的值改变后,其对象也发生了改变,但是深复制后的对象却没有发生变化,可用于防止嵌套复制自身而变成死循环

你可能感兴趣的:(javascript)