JavaScript中的Object.assign：淺拷貝還是深拷貝？

在JavaScript中，Object.assign()是一個(gè)常用的對(duì)象合并方法。本文將探討Object.assign()方法的工作原理，以及它在拷貝對(duì)象時(shí)是被認(rèn)為是淺拷貝還是深拷貝。

Object.assign()方法

• 方法介紹：?Object.assign()?方法用于將一個(gè)或多個(gè)源對(duì)象的屬性復(fù)制到目標(biāo)對(duì)象中，并返回目標(biāo)對(duì)象。它的語(yǔ)法如下:
  

  Object.assign(target, ...sources)

• 屬性復(fù)制：?Object.assign()?方法會(huì)將源對(duì)象的可枚舉屬性復(fù)制到目標(biāo)對(duì)象中。如果多個(gè)源對(duì)象具有相同的屬性名，則后面的屬性值會(huì)覆蓋前面的屬性值。
• 目標(biāo)對(duì)象：目標(biāo)對(duì)象是第一個(gè)參數(shù)，它是要將屬性復(fù)制到的對(duì)象。注意，目標(biāo)對(duì)象會(huì)被修改，如果目標(biāo)對(duì)象已經(jīng)存在某個(gè)屬性，它的值會(huì)被源對(duì)象的屬性值覆蓋。
• 源對(duì)象：源對(duì)象是后續(xù)的參數(shù)，它們是要從中復(fù)制屬性的對(duì)象?？梢灾付ㄒ粋€(gè)或多個(gè)源對(duì)象。

淺拷貝還是深拷貝？

• 淺拷貝：?Object.assign()?方法執(zhí)行的是淺拷貝。淺拷貝意味著只復(fù)制源對(duì)象的屬性值，如果屬性值是對(duì)象類(lèi)型，則只復(fù)制對(duì)象的引用，而不是創(chuàng)建一個(gè)新的獨(dú)立的對(duì)象。
• 對(duì)象引用：當(dāng)源對(duì)象的屬性值是對(duì)象時(shí)，?Object.assign()?方法只會(huì)復(fù)制對(duì)象的引用到目標(biāo)對(duì)象中。這意味著如果修改目標(biāo)對(duì)象中的屬性值或源對(duì)象中的屬性值，兩者之間會(huì)相互影響，因?yàn)樗鼈円玫氖峭粋€(gè)對(duì)象。
• 深拷貝需求：如果需要實(shí)現(xiàn)深拷貝，即復(fù)制對(duì)象及其嵌套對(duì)象的所有屬性值，可以使用其他方法，如遞歸復(fù)制或第三方庫(kù)（如Lodash的?_.cloneDeep()?方法）。
• 示例：以下是一個(gè)使用?Object.assign()?方法進(jìn)行拷貝的示例:

  const source = { foo: { bar: 'baz' } };
  const target = {};
  
  Object.assign(target, source);
  
  console.log(target); // { foo: { bar: 'baz' } }
  
  source.foo.bar = 'updated';
  console.log(target); // { foo: { bar: 'updated' } }

  在上述示例中，修改源對(duì)象的屬性值也會(huì)影響目標(biāo)對(duì)象，這說(shuō)明Object.assign()方法執(zhí)行的是淺拷貝。
  

總結(jié)

?Object.assign()?方法在拷貝對(duì)象時(shí)屬于淺拷貝，它只復(fù)制對(duì)象的屬性值，而不是創(chuàng)建新的獨(dú)立對(duì)象。如果需要實(shí)現(xiàn)深拷貝，即復(fù)制對(duì)象及其嵌套對(duì)象的所有屬性值，需要使用其他方法或第三方庫(kù)。在處理復(fù)雜對(duì)象結(jié)構(gòu)時(shí)，開(kāi)發(fā)人員應(yīng)該注意?Object.assign()?方法的行為，以確保滿(mǎn)足拷貝需求，避免出現(xiàn)意外的引用共享和副作用。