仔细看看,会有收获。js深浅拷贝

好好理解深浅拷贝和赋值(针对引用类型)

赋值:两个对象指向同一内存地址。结果,无论是修改基本类型还是引用类型,两个对象的值都会改变。

浅拷贝:两个对象指向不同的内存地址,但是他们中的引用类型数据指向同一内存地址。结果,修改引用类型,两个对象的值都会改变;修改基本类型,互不影响。

深拷贝:两个对象指向不同的内存地址,他们中的引用类型也指向不同的内存地址。结果,均互不影响。

直接通过Object.assign()实现浅拷贝

浅拷贝:

const target = { 
    a: 1, 
    b: 2 ,
    c:[1,2],
    d:function() {
      console.log(this.d)
    }
};
let newObj = Object.assign({},target);
newObj.a = 3
newObj.c[1] = 3
console.log('newObj',newObj)
console.log('target',target)

手写深浅拷贝:

浅拷贝:

let target = { a: 1, b: 2 ,c:[1,2],d:function() {
  console.log(this.d)
}};
//let cc = Object.assign({},target);
let cc = shallowClone(target);
cc.c[1] = 4
console.log('cc',cc)
console.log('target',target)
function shallowClone(obj) {
  let newObj = new Object()
  for (const key in obj) {
    if (Object.hasOwnProperty.call(obj, key)) {
      newObj[key] = obj[key];
    }
  }
  return newObj
}

深拷贝:

let target = { a: 1, b: 2 ,c:[1,2],d:function() {
  console.log(this.d)
}};
let cc = deepClone(target);
cc.c[1] = 4
console.log('cc',cc)
console.log('target',target)
function deepClone(obj) {
  let type = Object.prototype.toString.call(obj)
  console.log(type)
  if(type.indexOf('Object') === -1){
    return obj
  }else{
    let newObj = new Object()
    for (const key in obj) {
      if (Object.hasOwnProperty.call(obj, key)) {
        newObj[key] = deepClone(obj[key]);
      }
    }
    return newObj
  }
}

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值