ES7 中新增的 Object.assign 方法在对象合并中的应用
随着JavaScript 开发技术的不断发展，ES7 新增了 Object.assign() 方法，允许我们将源对象中的所有可枚举属性和方法合并到目标对象中。这个方法在前端开发中有很多应用，本文将详细介绍 Object.assign() 的使用方法，并为读者提供相关示例代码。
Object.assign() 方法使用方法
Object.assign() 方法允许我们将多个对象合并成一个新对象， 目标对象（第一个参数）被用来接收源对象的所有可枚举属性和方法，可以拥有一个或多个源对象（第二个参数）作为它的参数。
具体用法如下：
Object.assign(target, ...sources)
其中，target 是目标对象，source 是源对象，可以有多个。它们按照从左至右的顺序，依次合并到目标对象中。
示例代码如下：
const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };
const source2 = { c: 3, d: 10 };
const result = Object.assign(target, source, source2);
console.log(result); // {a: 1, b: 4, c: 3, d: 10}在上述示例中，我们将三个对象合并成一个新的对象 result，其中 source 和 source2 对象都具有一个属性 c，因为 source2 是最后一个源对象，那么它的属性 c 将成为 result 中的属性 c 的值。Object.assign() 将最终的结果赋值给目标对象，即 target。
Object.assign() 方法的有点
Object.assign() 提供了一种方便的方式来更新或合并现有的对象。它的主要优点如下：
非常方便：Object.assign() 可以让代码更加简洁，易于维护和理解。它是一个非常实用的函数，可以轻松地将对象合并。
可以用于克隆对象：将空对象作为第一个参数传递给 Object.assign()，然后将该对象设置为目标对象，所有后续对象将合并到其中。最终的结果就是通过克隆来生成一个新的对象。
const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { d: 4, e: 5, f: 6 };
const newObject = Object.assign({}, obj1, obj2);
console.log(newObject); // {a: 1, b: 2, c: 3, d: 4, e: 5, f: 6}如上述代码示例，将空对象作为第一个参数传递给 Object.assign() 可以克隆一个新的对象 newObject。要注意的是，Obj1 和 obj2 不变，它们只是被合并到一个新的对象中。
- 同名属性处理：如果目标对象和源对象具有相同的属性，则源对象的属性将覆盖目标对象的属性。这是一个非常强有力的功能，可以用来更新现有的对象属性。
const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { b: 4, c: 5, d: 6 };
const newObject = Object.assign(obj1, obj2);
console.log(newObject); // {a: 1, b: 4, c: 5, d: 6}在上述示例代码中，因为 obj2 具有一个属性 b，并且 Object.assign() 是按照从左至右的顺序处理源对象的，所以 obj2 中的属性 b 将覆盖 obj1 中的属性 b。
总结
Object.assign() 是一个非常强大的方法，它提供了一种方便的方式来合并对象。此方法是非常易于使用，并且可以处理同名属性，并且可以用于克隆对象。无论是在前端开发还是后端开发中，Object.assign() 一定会有实用的地方，它可以让我们的代码变得更加优雅和简洁。希望本文对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6504165c95b1f8cacd0d3d29