解决浅拷贝问题

var obj1 = {a:1}

var obj2 = obj1

obj2.a = 10

console.log(obj1)         // {a:10}
console.log(obj2)         // {a:10}

这个时候因为浅拷贝的问题,两个栈数据都指向同一个堆块数据,所以obj1和obj2的值就算修改其中一个也还是一样的

解决方法有两种:

第一种方法(利用JSON转换,先将数据转换为String型(简单数据类型(也可以说是一般数据类型)),再转换为复杂数据类型(也可以说是引用数据类型)):

var obj1 = {a:1}

var obj2 = JSON.parse(JSON.stringify(obj1))

obj2.a = 10

console.log(obj1);         // {a:1}
console.log(obj2);         // {a:10}

第二种方法(不推荐使用,利用扩展运算符(...)将数据展开,再赋值):

var obj1 = {a:1}

var obj2 = {...obj1}

obj2.a = 10

console.log(obj1)        // {a:1}
console.log(obj2)        // {a:10}

不推荐使用是因为扩展运算符展开数据,只能展开第一层的,其他层级不会再进行展开,如果数据是:

var obj1 = {
    a:1,
    b:{
        c:{
            d:5
        }
    }
}

var obj2 = {...obj1}

obj2.b.c.d = 10

console.log(obj1);        // {a: 1, b: {…}}        //d: 10
console.log(obj2);        // {a: 1, b: {…}}        //d: 10

 就无法解决了!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值