对象的拷贝在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的