深、浅拷贝

深拷贝:

        深拷贝和浅拷贝是针对复杂数据类型(对象及数组)来说的,浅拷贝只拷贝一层,而深拷贝是层层拷贝。

        深拷贝复制变量值,对于非基本类型的变量,则递归至基本类型变量后,再复制。 深拷贝后的对象与原来的对象是完全隔离的,互不影响,对一个对象的修改并不会影响另一个对象。
 

浅拷贝:

        浅拷贝是会将对象的每个属性进行依次复制,但是当对象的属性值是引用类型时,实质复制的是其引用,当引用指向的值改变时也会跟着变化。
        可以使用 for in、 Object.assign、 扩展运算符 ... 、Array.prototype.slice()、Array.prototype.concat() 等

区别:
浅拷贝只复制对象的第一层属性、浅拷贝就是增加了一个指针指向已存在的内存
(JavaScript 并没有指针的概念,这里只是用于辅助说明),浅拷贝只是拷贝了内存地址,
类的属性指向的是父类属性的内存地址,当子类的属性修改后,父类的属性也随之被修改。
深拷贝可以对对象的属性进行递归复制,深拷贝就是增加一个指针,并申请一个新的内存,
并且让这个新增加的指针指向这个新的内存地址使用深拷贝,在释放内存的时候就不会像浅拷
贝一样出现释放同一段内存的错误,当我们需要复制原对象但有不能修改原对象的时候,深拷
贝就是一个,也是唯一的选择。
应用场景
1:从服务器 fetch 到数据之后我将其存放在 store 中,通过 props 传递给界面,然后我
需要对这堆数据进行修改,那涉及到的修改就一定有保存和取消,所以我们需要将这堆数据拷
贝到其它地方。
2:当你想使用某个对象的值,在修改时不想修改原对象,那么可以用深拷贝弄一个新的内
存对象。像 es6 的新增方法都是深拷贝,所以推荐使用 es6 语法。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值