JS关于Object.assign()和浅拷贝、深拷贝

什么是浅拷贝和深拷贝

• 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属性会一同变化