什么是浅拷贝和深拷贝
- js中存对象都是存地址的,浅拷贝指向的是同一块内存区块,深拷贝则是另外开辟了一块区域。
两个例子
var obj1 = { num: 100, str: 'abc' }
var obj2 = obj1
obj2.num = 200
console.log(obj1, obj2)
打印结果:两个对象数据内容相同,因为是浅拷贝,两个对象指向同一内存区域
var obj1 = { num: 100, str: 'abc' }
var obj2 = deepCopy(obj1)
obj2.num = 200
console.log(obj1, obj2)
打印结果:两个对象数据内容不相同,num分别是100,200,这是深拷贝,两个对象指向内存地址不同
Object.assign()
- 对象的静态方法,可以复制对象的可枚举属性到目标对象,实现对象属性的合并
var obj1 = {
name: 'Jack',
age: 31,
}
var obj2 = Object.assign(obj1, { age: 21, sex: 1 })
console.log(obj1) // name: 'Jack', age: 21, sex: 1
- 相同的属性,目标对象会被源对象覆盖。多个源对象时,存在相同属性,后面源对象覆盖前面的源对象
- Object.assign()只是比浅拷贝多一层深拷贝而已,只能对单层的对象进行深拷贝,也就是对象里面的属性都是基本类型,没有嵌套
var obj2 = Object.assign({}, obj1)
如果obj1中都是基本类型则可以实现深拷贝
如果里面有Object类型,则obj2、obj1中的Object属性会一同变化