在 JavaScript 中，我们经常需要对对象进行合并。合并对象可以将多个对象的属性和方法合并成一个新的对象，方便我们对数据进行处理和操作。在 ES6 中，我们可以使用 Object.assign 和展开语法来进行对象的合并，这两种方法都可以帮助我们更方便地处理对象。
Object.assign
Object.assign 是 ES6 中新增的一个方法，它可以将多个对象合并成一个新的对象。使用 Object.assign 的语法如下：
Object.assign(target, ...sources)
其中，target 是目标对象，sources 是一个或多个源对象。Object.assign 将会把所有源对象的属性和方法复制到目标对象中，并返回目标对象。
下面是一个使用 Object.assign 合并对象的例子：
const obj1 = { name: 'Tom' };
const obj2 = { age: 18 };
const obj3 = { gender: 'male' };
const newObj = Object.assign({}, obj1, obj2, obj3);
console.log(newObj); // { name: 'Tom', age: 18, gender: 'male' }在上面的例子中，我们定义了三个对象 obj1、obj2 和 obj3，然后使用 Object.assign 将它们合并成一个新的对象 newObj。最终得到的 newObj 包含了 obj1、obj2 和 obj3 的所有属性和方法。
展开语法
除了 Object.assign，ES6 还引入了展开语法。展开语法可以方便地将一个对象的属性和方法展开到另一个对象中。使用展开语法的语法如下：
const newObj = { ...obj1, ...obj2, ...obj3 };其中，...obj1、...obj2 和 ...obj3 分别表示将 obj1、obj2 和 obj3 展开到一个新的对象中。最终得到的 newObj 包含了 obj1、obj2 和 obj3 的所有属性和方法。
下面是一个使用展开语法合并对象的例子：
const obj1 = { name: 'Tom' };
const obj2 = { age: 18 };
const obj3 = { gender: 'male' };
const newObj = { ...obj1, ...obj2, ...obj3 };
console.log(newObj); // { name: 'Tom', age: 18, gender: 'male' }在上面的例子中，我们使用展开语法将 obj1、obj2 和 obj3 合并成一个新的对象 newObj。最终得到的 newObj 包含了 obj1、obj2 和 obj3 的所有属性和方法。
对比 Object.assign 和展开语法
Object.assign 和展开语法都可以用来合并对象，它们之间有什么区别呢？
首先，Object.assign 是一个方法，它需要接收一个目标对象和一个或多个源对象作为参数。展开语法则是一个语法，可以在对象字面量中使用。
其次，Object.assign 可以在不同的环境中使用，包括浏览器和 Node.js。展开语法则只能在支持 ES6 的环境中使用。
最后，Object.assign 可以用来合并类数组对象和继承属性，而展开语法则只能用来合并普通对象。
总结
在 JavaScript 中，我们可以使用 Object.assign 和展开语法来合并对象。Object.assign 是一个方法，它可以在不同的环境中使用，可以合并类数组对象和继承属性。展开语法则只能在支持 ES6 的环境中使用，只能用来合并普通对象。使用不同的方法可以根据实际情况选择最适合的方法来合并对象，提高代码的可读性和效率。
示例代码
-- -------------------- ---- ------- -- -- ------------- ---- ----- ---- - - ----- ----- -- ----- ---- - - ---- -- -- ----- ---- - - ------- ------ -- ----- ------ - ----------------- ----- ----- ------ -------------------- -- - ----- ------ ---- --- ------- ------ - -- ---------- ----- ---- - - ----- ----- -- ----- ---- - - ---- -- -- ----- ---- - - ------- ------ -- ----- ------- - - -------- -------- ------- -- --------------------- -- - ----- ------ ---- --- ------- ------ -
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e098b81886fbafa4dc4fc3