对象深复制

最新推荐文章于 2023-11-09 00:33:29 发布

原创最新推荐文章于 2023-11-09 00:33:29 发布 · 303 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

63 篇文章

订阅专栏

本文通过实例对比了浅复制与深复制的区别，展示了如何使用自定义函数实现深复制，并利用jQuery的$.extend方法进行对象复制，指出其仅支持浅复制。

为什么要用到对象复制，和对象深复制，这就不说了。直接上代码

var obj={
    name:{b:1}
    }
function deepCopy(o){
       if(typeof o !== "object"){   
            return o;   
        }  
    var newObj={};
    for(var i in o){
        //alert(deepCopy(o[i]))
        console.log(deepCopy(o[i]))
        newObj[i]=deepCopy(o[i]);
 
        }
    return newObj;
 
    }
 
var obj2=deepCopy(obj);
obj2.name.b="d";
console.log("obj.name.b--------------"+obj.name.b)

下面来点牛逼的，用jquery解决这个问题

var obj={
    name:{b:1},
    age:24
    }    
var obj2=$.extend(obj);
obj2.age=25;
obj2.name.b=2;
console.log("obj.age------------"+obj.age);//24
console.log("obj.name.b------------"+obj.name.b);//1

用jquery的继承，更改了新对象不会影响到以前对象

**zepto(1.4)的$.extend没有深复制的作用