ECMAScript的`Object.assign()`：深度复制与属性合并的利器

在ECMAScript 2015（ES6）中，Object.assign()方法被引入，用于对象之间的属性复制。这个方法提供了一种简便的方式来合并一个或多个源对象的所有可枚举自有属性到目标对象。本文将详细探讨Object.assign()的工作原理，并提供代码示例来展示其功能。

Object.assign()方法简介

Object.assign()方法接受一个目标对象和一个或多个源对象作为参数，将源对象的属性复制到目标对象，并返回修改后的目标对象。

语法：

Object.assign(target, ...sources)

• target：目标对象，其属性将被覆盖或添加。
• sources：一个或多个源对象，其属性将被复制到目标对象。

工作原理

1. 复制属性：Object.assign()将源对象的可枚举自有属性复制到目标对象。
2. 属性覆盖：如果源对象中有与目标对象相同的属性，则目标对象的属性将被覆盖。
3. 返回修改后的目标对象：方法完成后，返回修改后的目标对象。

代码示例

基本使用

const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };

const result = Object.assign(target, source1, source2);
console.log(result); // 输出：{ a: 1, b: 2, c: 3 }

属性覆盖

const target = { a: 1, b: 1 };
const source = { b: 2, c: 3 };

const result = Object.assign(target, source);
console.log(result); // 输出：{ a: 1, b: 2, c: 3 }

注意事项

1. 深度复制：Object.assign()仅进行浅复制，如果属性是对象，则复制的是引用，而不是对象本身。
2. Symbol属性：Object.assign()不会复制Symbol属性。
3. 不可枚举属性：Object.assign()不会复制不可枚举属性。

浅复制问题示例

const target = { obj: { a: 1 } };
const source = { obj: { b: 2 } };

Object.assign(target, source);
console.log(target.obj === source.obj); // 输出：true，它们引用相同的对象

结论

Object.assign()是一个强大的工具，用于合并对象和复制属性。然而，开发者在使用时需要注意它仅进行浅复制，并且不会复制Symbol属性和不可枚举属性。理解Object.assign()的工作原理和限制对于编写有效和可维护的JavaScript代码至关重要。在需要深度复制或复制特殊属性时，可能需要考虑其他方法或库来实现。