再看Object.assign
欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~
1 前言
这是今天面试的一个问题，问题是：Object.assign是深拷贝还是浅拷贝，因为之前专门就JS的深拷贝和浅拷贝做过研究，也写了文档记录，自认为自己高的还是比较清楚的，所以我就很自信的答了，说是浅拷贝，坐车上仔细想了想，将面试问题总结了一下，至于面试问题的总结以后都会在博客体现，回归正题：这里说说我去MDN和各种博客看到的内容，结果令我尴尬了哈哈哈，那么Object.assign到底是浅拷贝还是深拷贝呢？那就得再来看看到底什么是浅拷贝，什么是深拷贝？
2 什么是浅拷贝
浅拷贝是内存地址的复制，是让目标对象指针和源对象指向同一片内存空间，那么相当于什么呢？下面举个例子
var people = {
name: 'zhangsan',
age: 10
}
var people2 = people
console.log(people.age) // 10
console.log(people2.age) // 10
people2.age = 100
console.log(people.age) // 100
console.log(people2.age) // 100
// people 的值被修改了
看上面代码。将people直接赋值给people2，此时修改people2.age，people.age也会跟着变化，即他们实际上是引用的赋值，指向的是同一个内存空间，所以修改了people2.age相当于修改的是指向的这块共同的内存空间中的age所以说，people.age也会跟着变化，这叫浅拷贝
3 什么是深拷贝
先看个例子
var people = {
name: 'zhangsan',
age: 10
}
var people2 = {
name: people.name,
age: people.age
}
var people2 = people
console.log(people.age) // 10
console.log(people2.age) // 10
people2.age = 100
console.log(people.age) // 10
console.log(people2.age) // 100
// people 的值没有被修改
看以上代码，这次拷贝通过将people下面的属性赋值给people2下面的属性，并且当people2.age被修改的时候，people.age并没有被修改，这叫做深拷贝
4 看看Object.assign
引用MDN中的一句话：Object.assign()将所有可枚举的值从一个或者多个源对象复制到目标对象，它将返回目标对象
举两个例子说明：
当Object.assign()去处理一层拷贝时
var people = {
name: 'zhangsan',
age: 10
}
var people2 = Object.assign({}, people)
console.log(people.age) // 10
console.log(people2.age) // 10
people2.age = 100
console.log(people.age) // 10
console.log(people2.age) // 100
// people 的值没有被修改
这个时候我们看到，people.age的值不受people2.age的影响，说明是深拷贝
当Object.assign()去处理多层拷贝时
var people = {
name: 'zhangsan',
age: 10,
zhangsan: {
say: function () {
console.log('hello')
},
height: 180
}
}
var people2 = Object.assign({}, people)
console.log(people.zhangsan.height) // 180
console.log(people2.zhangsan.height) // 180
people2.zhangsan.height = 181
console.log(people.zhangsan.height) // 181
console.log(people2.zhangsan.height) // 181
// people 的值被修改了
我们发现people.age的值受到了people2.age的影响，所以在此处是浅拷贝
5 总结
由以上例子看到，Object.assign()实际上只在在第一层是深拷贝，第一层以下的全是浅拷贝
当时没搞清楚的问题，不光要记录，还要多回顾啊