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

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

Object.assign()方法

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

  Object.assign(target, ...sources)

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

淺拷貝還是深拷貝？

• 淺拷貝：?Object.assign()?方法執(zhí)行的是淺拷貝。淺拷貝意味著只復(fù)制源對象的屬性值，如果屬性值是對象類型，則只復(fù)制對象的引用，而不是創(chuàng)建一個新的獨立的對象。
• 對象引用：當源對象的屬性值是對象時，?Object.assign()?方法只會復(fù)制對象的引用到目標對象中。這意味著如果修改目標對象中的屬性值或源對象中的屬性值，兩者之間會相互影響，因為它們引用的是同一個對象。
• 深拷貝需求：如果需要實現(xiàn)深拷貝，即復(fù)制對象及其嵌套對象的所有屬性值，可以使用其他方法，如遞歸復(fù)制或第三方庫（如Lodash的?_.cloneDeep()?方法）。
• 示例：以下是一個使用?Object.assign()?方法進行拷貝的示例:

  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' } }

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

總結(jié)

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