歡迎訪問我的博客https://qqqww.com/，祝碼農(nóng)同胞們?cè)缛兆呱先松鷰p峰，迎娶白富美~~~
1 前言
這是今天面試的一個(gè)問題，問題是：Object.assign是深拷貝還是淺拷貝，因?yàn)橹皩ｉT就JS的深拷貝和淺拷貝做過研究，也寫了文檔記錄，自認(rèn)為自己高的還是比較清楚的，所以我就很自信的答了，說是淺拷貝，坐車上仔細(xì)想了想，將面試問題總結(jié)了一下，至于面試問題的總結(jié)以后都會(huì)在博客體現(xiàn)，回歸正題：這里說說我去MDN和各種博客看到的內(nèi)容，結(jié)果令我尷尬了哈哈哈，那么Object.assign到底是淺拷貝還是深拷貝呢？那就得再來看看到底什么是淺拷貝，什么是深拷貝？
2 什么是淺拷貝
淺拷貝是內(nèi)存地址的復(fù)制，是讓目標(biāo)對(duì)象指針和源對(duì)象指向同一片內(nèi)存空間，那么相當(dāng)于什么呢？下面舉個(gè)例子
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，此時(shí)修改people2.age，people.age也會(huì)跟著變化，即他們實(shí)際上是引用的賦值，指向的是同一個(gè)內(nèi)存空間，所以修改了people2.age相當(dāng)于修改的是指向的這塊共同的內(nèi)存空間中的age所以說，people.age也會(huì)跟著變化，這叫淺拷貝
3 什么是深拷貝
先看個(gè)例子
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下面的屬性，并且當(dāng)people2.age被修改的時(shí)候，people.age并沒有被修改，這叫做深拷貝
4 看看Object.assign
引用MDN中的一句話：Object.assign()將所有可枚舉的值從一個(gè)或者多個(gè)源對(duì)象復(fù)制到目標(biāo)對(duì)象，它將返回目標(biāo)對(duì)象
舉兩個(gè)例子說明：
當(dāng)Object.assign()去處理一層拷貝時(shí)
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 的值沒有被修改
這個(gè)時(shí)候我們看到，people.age的值不受people2.age的影響，說明是深拷貝
當(dāng)Object.assign()去處理多層拷貝時(shí)
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()實(shí)際上只在在第一層是深拷貝，第一層以下的全是淺拷貝
當(dāng)時(shí)沒搞清楚的問題，不光要記錄，還要多回顧啊
