深入理解【JavaScript】的【Object.assign】方法

在 JavaScript 中，对象是非常重要的数据结构，而 Object.assign 是处理对象合并和克隆的一个强大工具。本文将详细介绍 Object.assign 的用法、特性及注意事项，帮助开发者更好地掌握这一方法。

什么是 Object.assign？

Object.assign 是一个静态方法，属于 Object 对象。它的主要功能是将一个或多个源对象的可枚举属性复制到目标对象，并返回目标对象。

基本语法

Object.assign(target, ...sources)

target：目标对象，属性将被复制到该对象。
sources：一个或多个源对象，从中复制属性。

使用示例

1. 合并对象

这是 Object.assign 最常见的用法之一。它可以将多个对象合并为一个新的对象。

const obj1 = { a: 1, b: 2 };
const obj2 = { b: 3, c: 4 };

const merged = Object.assign({}, obj1, obj2);
console.log(merged); // 输出: { a: 1, b: 3, c: 4 }

在这个例子中，obj2 中的 b 属性覆盖了 obj1 中的同名属性。

2. 克隆对象

Object.assign 也可以用于对象的克隆。通过将一个对象的所有属性复制到一个新对象，我们可以创建该对象的浅拷贝。

const original = { x: 1, y: 2 };
const clone = Object.assign({}, original);

console.log(clone); // 输出: { x: 1, y: 2 }
console.log(clone === original); // 输出: false，表示它们是不同的对象

3. 注意浅拷贝的特性

Object.assign 只进行浅拷贝，这意味着如果源对象中有嵌套对象，拷贝的将是它们的引用，而不是值。

const original = { a: 1, b: { c: 2 } };
const clone = Object.assign({}, original);

clone.b.c = 3;
console.log(original.b.c); // 输出: 3，原对象也被影响

4. 添加新属性

我们也可以直接向目标对象添加新属性：

const obj = { a: 1 };
const newObj = Object.assign(obj, { b: 2, c: 3 });

console.log(newObj); // 输出: { a: 1, b: 2, c: 3 }
console.log(obj); // 输出: { a: 1, b: 2, c: 3 }，原对象也被修改

注意事项

只进行浅拷贝：对于嵌套对象，Object.assign 复制的是引用，需谨慎使用。
不可枚举属性：只复制可枚举的属性，非枚举属性和符号属性不会被复制。
修改原对象：如果目标对象已有同名属性，Object.assign 会直接修改它，而不是返回一个新对象。
原型属性：Object.assign 不会复制对象的原型链上的属性。

何时使用 Object.assign？

需要合并多个对象时。
需要创建对象的浅拷贝时。
需要动态添加或更新对象的属性时。

深入理解 【JavaScript】 的 【Object.assign】 方法