深入浅出FE(七)对象的深浅拷贝

对象的拷贝在js中比较重要,因为js不同与C++等,没有指针操作,基本类型都是没有引用的,只有对象和函数才有引用,这就造成当我们在拷贝一个对象时,可能会有深浅拷贝之分。

浅拷贝的意思就是只复制引用(指针),而未复制真正的值。而深拷贝则是改变对象的引用,深拷贝形成的新对象和原来的对象有不一样的地址。

比如一个对象的定义如下:

var a = {
  b: 3
}

这时这个对象只有一层,我们可以用很多中方法都可以实现对象的拷贝,比如Object.assign({}, a)来实现对象的拷贝,因为对象第一层中的值没有引用。

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

但是如果遇到复杂对象,则必须要用到深拷贝,比如我们在react中的setState中的新状态必须要重新生成一个新的对象(地址),不能有副作用(不能改变原来对象的值)。

此时有很多种方法都可以实现对象的拷贝:

1. JSON.parse(JSON.stringify(obj))

序列化能解决大部分对象拷贝的问题,但是有很多缺点:

(1)会忽略undefined

(2)不能序列化函数

(3)不能解决循环引用的对象

2.MessageChannel

Channel Messaging API的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

fullstack_lth

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值