在 ECMAScript 2021 中，Object.assign() 提供了一个便捷的方法来复制一个对象，并将其属性合并到另一个对象中。这个方法在前端开发中非常有用，因为它可以帮助我们避免代码中的重复代码和逻辑冗余，提高我们的开发效率和代码质量。
Object.assign() 方法的语法和用法
Object.assign() 方法接受两个或多个对象作为参数，并将第二个对象合并到第一个对象中。它的语法如下：
Object.assign(target, source1, source2, ...);
其中，target 表示目标对象，source1, source2, ... 表示要合并到目标对象中的源对象。如果目标对象和源对象有相同的键，则后面的源对象的值会覆盖前面的源对象的值。
下面是一个例子：
const target = { a: 1, b: 2 };
const source1 = { b: 3, c: 4 };
const source2 = { c: 5, d: 6 };
const result = Object.assign(target, source1, source2);
console.log(target); // { a: 1, b: 3, c: 5, d: 6 }
console.log(result); // { a: 1, b: 3, c: 5, d: 6 }在这个例子中，我们通过 Object.assign() 方法将三个对象合并到 target 对象中，并返回一个新的合并后的对象。由于 source1 对象和 source2 对象都包含键 c，因此后面的源对象的值会覆盖前面的源对象的值。
Object.assign() 方法的深拷贝
在 JavaScript 中，对象是引用类型，深拷贝一个对象可能会导致出现副作用。ECMAScript 2021 提供了一种更为简单的深拷贝方法，即使用 Object.assign() 方法和空对象来实现深拷贝。
下面是一个例子：
const original = { a: { b: 1 } };
const newObj = Object.assign({}, original);
newObj.a.b = 2;
console.log(original.a.b); // 1
console.log(newObj.a.b); // 2在这个例子中，我们首先创建了一个包含属性 a 和 b 的对象 original，然后使用 Object.assign() 方法和空对象来实现深拷贝，并将结果赋值给一个新的对象 newObj。接着，我们修改了 newObj 的属性 a.b，但 original 的属性 a.b 的值并没有改变，这说明我们成功地完成了深拷贝操作。
Object.assign() 方法的注意事项
在使用 Object.assign() 方法时，需要注意以下几个问题：
- 该方法不会复制对象的原型链上的属性。
- 该方法不能复制不可枚举的属性。
- 该方法不能复制 symbol 类型的属性。
下面是一个例子：
-- -------------------- ---- ------- ----- ---- - - -- - -- ----- ---- - ------------------- - -- - ------ -- ----------- ----- -- -- - ------ -- ----------- ---- - --- ----- ------ - --- --------------------- ------ -------------------- -- - -- - -
在这个例子中，我们创建了一个包含属性 a 和 b 的对象 obj1，以及一个原型为 obj1，包含属性 b 和 c 的对象 obj2。接着，我们使用 Object.assign() 方法将 obj2 添加到一个空对象 target 上。由于属性 b 是不可枚举的，因此它不会被复制到 target 对象中，只有属性 c 被成功地复制了过去。
总结
在 ECMAScript 2021 中，Object.assign() 方法为我们提供了一个简单的方法来复制和合并对象，并且可以帮助我们避免代码中的重复代码和逻辑冗余。但在使用该方法时，需要注意它不能复制对象的原型链上的属性，不能复制不可枚举的属性，以及不能复制 symbol 类型的属性。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646f399e968c7c53b0d9f27d