Javascript之深拷贝与浅拷贝

  在使用Ionic进行移动端开发时,要达到效果:编辑修改页面内容,点击返回按钮,再次进入该页面的话,内容没有被修改,这就要使用深拷贝。
  首先区分深拷贝与浅拷贝:如果B复制了A,如果改变A,B也改变则为浅拷贝,否则为深拷贝。
  ![a赋值给b,当修改a时b也相应,当然改变b的值a的值也会改变,可以自己尝试下。](https://img-blog.csdnimg.cn/20181211100247741.png)
 	基本数据类型以键值对的形式保存在栈内存中,当b复制了a时,会在栈内存中开辟一个新的内存给a,当修改a或者b时,二者不相互影响,但是对于类似引用数据类型,它的名存在栈内存中,值存在堆内存中,当b复制了a时,其实是将a堆内存中存放值的地址给了b,所以二者指向相同的内容,修改其中一个另一个也会改变,所以要实现深拷贝
 	`function deepClone(obj){
let objClone = Array.isArray(obj)?[]:{};
if(obj && typeof obj==="object"){
    for(key in obj){
        if(obj.hasOwnProperty(key)){
            //判断ojb子元素是否为对象,如果是,递归复制
            if(obj[key]&&typeof obj[key] ==="object"){
                objClone[key] = deepClone(obj[key]);
            }else{
                //如果不是,简单复制
                objClone[key] = obj[key];
            }
        }
    }
}
return objClone;

}
let a=[1,2,3,4],
b=deepClone(a);
a[0]=2;
console.log(a,b);`

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值