歡迎訪問我的博客https://qqqww.com/，祝碼農(nóng)同胞們早日走上人生巔峰，迎娶白富美~~~
1 前言
這是今天面試的一個問題饮笛，問題是：Object.assign是深拷貝還是淺拷貝蹄梢，因為之前專門就JS的深拷貝和淺拷貝做過研究，也寫了文檔記錄壶冒，自認為自己高的還是比較清楚的缕题，所以我就很自信的答了，說是淺拷貝胖腾，坐車上仔細想了想烟零，將面試問題總結(jié)了一下，至于面試問題的總結(jié)以后都會在博客體現(xiàn)咸作，回歸正題：這里說說我去MDN和各種博客看到的內(nèi)容锨阿，結(jié)果令我尷尬了哈哈哈，那么Object.assign到底是淺拷貝還是深拷貝呢记罚？那就得再來看看到底什么是淺拷貝墅诡，什么是深拷貝？
2 什么是淺拷貝
淺拷貝是內(nèi)存地址的復制桐智，是讓目標對象指針和源對象指向同一片內(nèi)存空間末早，那么相當于什么呢？下面舉個例子
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也會跟著變化口渔，即他們實際上是引用的賦值样屠，指向的是同一個內(nèi)存空間，所以修改了people2.age相當于修改的是指向的這塊共同的內(nèi)存空間中的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 的值被修改了
我們發(fā)現(xiàn)people.age的值受到了people2.age的影響，所以在此處是淺拷貝
5 總結(jié)
由以上例子看到雇锡，Object.assign()實際上只在在第一層是深拷貝逛钻，第一層以下的全是淺拷貝
當時沒搞清楚的問題，不光要記錄锰提，還要多回顧啊
