深拷贝,浅拷贝js代码

对象拷贝:对象拷贝(Object Copy)就是将一个对象的属性拷贝到另一个有着相同类型的对象中去。在程序中拷贝对象是很常见的,主要是为了在新的上下文环境中复用对象的部分或全部 数据。

JavaScript中有两种类型的对象拷贝:浅拷贝(Shallow Copy)、深拷贝(Deep Copy)。
 

  • 浅拷贝:只是拷贝了基本类型的数据,而引用类型数据,复制后也是会发生引用,我们把这种拷贝叫做“(浅复制)浅拷贝”,换句话说,浅复制仅仅是指向被复制的内存地址,如果原地址中对象被改变了,那么浅复制出来的对象也会相应改变
var person={name:'zhou',age:24,man:{hight:172}}
var son={sex:'男'};
function clone(p,s){
var s=s||{};//判断s对象是否存在,不存在则定义s为空对象
    for(var prop in p){
         s[prop]=p[prop];
        };
         return s;//返回s对象
    };
        clone(person,son);
        son.name='prince';
        console.log(son.name);//打印prince
        console.log(person.name);//打印zhou
        son.man.height=180;
        console.log(son.man.height);//打印180
        console.log(person.man.height);//打印180
  • 深拷贝:在计算机中开辟了一块新的内存地址用于存放复制的对象

var person={name:'zhou',age:24,man:{height:172}}
var son={sex:'男'};
function clone(p,s){
var s=s||{};//判断s对象是否存在,不存在则定义s为空对象
    for(var prop in p){
       if (typeof p[prop]=='object') {
           s[prop]=(p[prop].constructor===Array)?[]:{};//三元运算,将s[prop]初始化为数组或者对象
             clone(p[prop],s[prop])
            } 
       else {
             s[prop]=p[prop];
            }
        };
           return s;//返回s对象
    };
        clone(person,son);
        son.name='prince';
        console.log(son.name);//打印prince
        console.log(person.name);//打印zhou
        son.man.height=180;
        console.log(son.man.height);//打印180
        console.log(person.man.height);//打印172

总结:深复制和浅复制最根本的区别在于是否是真正获取了一个对象的复制实体,而不是引用。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值