JavaScript中的Object.assign：浅拷贝还是深拷贝？

在JavaScript中，Object.assign()是一个常用的对象合并方法。本文将探讨Object.assign()方法的工作原理，以及它在拷贝对象时是被认为是浅拷贝还是深拷贝。

Object.assign()方法

• 方法介绍：​Object.assign()​方法用于将一个或多个源对象的属性复制到目标对象中，并返回目标对象。它的语法如下:
  

  Object.assign(target, ...sources)

• 属性复制：​Object.assign()​方法会将源对象的可枚举属性复制到目标对象中。如果多个源对象具有相同的属性名，则后面的属性值会覆盖前面的属性值。
• 目标对象：目标对象是第一个参数，它是要将属性复制到的对象。注意，目标对象会被修改，如果目标对象已经存在某个属性，它的值会被源对象的属性值覆盖。
• 源对象：源对象是后续的参数，它们是要从中复制属性的对象。可以指定一个或多个源对象。

浅拷贝还是深拷贝？

• 浅拷贝：​Object.assign()​方法执行的是浅拷贝。浅拷贝意味着只复制源对象的属性值，如果属性值是对象类型，则只复制对象的引用，而不是创建一个新的独立的对象。
• 对象引用：当源对象的属性值是对象时，​Object.assign()​方法只会复制对象的引用到目标对象中。这意味着如果修改目标对象中的属性值或源对象中的属性值，两者之间会相互影响，因为它们引用的是同一个对象。
• 深拷贝需求：如果需要实现深拷贝，即复制对象及其嵌套对象的所有属性值，可以使用其他方法，如递归复制或第三方库（如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()方法执行的是浅拷贝。

总结

​Object.assign()​方法在拷贝对象时属于浅拷贝，它只复制对象的属性值，而不是创建新的独立对象。如果需要实现深拷贝，即复制对象及其嵌套对象的所有属性值，需要使用其他方法或第三方库。在处理复杂对象结构时，开发人员应该注意​Object.assign()​方法的行为，以确保满足拷贝需求，避免出现意外的引用共享和副作用。