ECMAScript 2021 中的 Object.assign() 方法是一种非常有用的对象操作方法，它可以将多个对象合并成一个对象，并返回合并后的对象。该方法可以用于在前端开发中进行对象属性的合并、克隆、更新等操作，极大地简化了对象操作的过程。
语法
Object.assign(target, ...sources)
target：合并的目标对象。sources：一个或多个源对象，用于将其属性合并到目标对象中。
用法
将多个对象合并成一个对象
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(result); // { a: 1, b: 3, c: 5, d: 6 }在上面的代码中，我们定义了三个对象 target、source1、source2，然后使用 Object.assign() 方法将这三个对象合并成一个对象，并将结果保存在 result 变量中。最终输出的结果为 { a: 1, b: 3, c: 5, d: 6 }。
需要注意的是，Object.assign() 方法会将源对象的属性复制到目标对象中，如果目标对象中已经存在相同的属性，则会覆盖原有的属性值。在上面的示例中，source1 对象中的属性 b 覆盖了 target 对象中的属性 b，source2 对象中的属性 c 覆盖了 source1 对象中的属性 c。
克隆一个对象
const source = { a: 1, b: 2 };
const clone = Object.assign({}, source);
console.log(clone); // { a: 1, b: 2 }在上面的代码中，我们定义了一个对象 source，然后使用 Object.assign() 方法将其克隆到一个新的对象中，并将结果保存在 clone 变量中。最终输出的结果为 { a: 1, b: 2 }。
需要注意的是，为了克隆一个对象，我们需要将一个空对象作为目标对象传递给 Object.assign() 方法。
更新一个对象
const target = { a: 1, b: 2 };
const source = { b: 3, c: 4 };
Object.assign(target, source);
console.log(target); // { a: 1, b: 3, c: 4 }在上面的代码中，我们定义了两个对象 target、source，然后使用 Object.assign() 方法将 source 对象的属性更新到 target 对象中，并将结果保存在 target 变量中。最终输出的结果为 { a: 1, b: 3, c: 4 }。
需要注意的是，Object.assign() 方法会将源对象的属性复制到目标对象中，如果目标对象中已经存在相同的属性，则会覆盖原有的属性值。在上面的示例中，source 对象中的属性 b 覆盖了 target 对象中的属性 b。
总结
Object.assign() 方法是 ECMAScript 2021 中的一种非常有用的对象操作方法，它可以将多个对象合并成一个对象，并返回合并后的对象。该方法可以用于在前端开发中进行对象属性的合并、克隆、更新等操作，极大地简化了对象操作的过程。
需要注意的是，Object.assign() 方法会将源对象的属性复制到目标对象中，如果目标对象中已经存在相同的属性，则会覆盖原有的属性值。在使用该方法时，需要根据实际需求选择合适的用法。
希望本文能够帮助大家更好地理解和使用 Object.assign() 方法，提高前端开发的效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e170921886fbafa4e6de09