关于js深拷贝和浅拷贝的理解及使用

1.浅拷贝: 将原对象或原数组的引用直接赋给新对象,新数组,新对象/数组只是原对象的一个引用

2.深拷贝: 创建一个新的对象和数组,将原对象的各项属性的“值”(数组的所有元素)拷贝过来,是“值”而不是“引用

假设A复制了B,B发生了改变,A也跟着改变,就是浅拷贝,如果A没有变化,那就是深拷贝,具体看代码需求

在不需要深拷贝时,复制对象直接用Object.assgin(), 数组的slice()这些,这些只深复制了基本类型数据类型,不是真正意义的深复制

 this.editForm = Object.assign({}, this.editForm, data.result);

而需要深拷贝时,首推的方法简单有效,JSON.stringfy()和JSON.parse()即可搞定。但是这种简单粗暴的方法有其局限性。当值为undefined、function、symbol 会在转换过程中被忽略。。。所以,对象值有这三种的话用这种方法会导致属性丢失。

this.copyrightForm = JSON.parse(JSON.stringify(this.copyForm);

最后推荐一篇对于深拷贝和浅拷贝及堆栈理解很详细的博客;

https://www.cnblogs.com/dinghuihua/p/6674719.html 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值