使用object.assign和spread运算符合并两个对象。

错误的方式（修改原始对象，因为目标是o1）

var o1 = { X: 10 };
var o2 = { Y: 20 };
var o3 = { Z: 30 };
var merge = Object.assign(o1, o2, o3);
console.log(merge)  // {X:10, Y:20, Z:30}
console.log(o1)     // {X:10, Y:20, Z:30}

正确的方式

Object.assign（{}，o1，o2，o3）==>以新对象为目标｛…o1，…o2，…o3｝==>扩展对象

变量o1＝{X:10}；var o2＝{Y:20}；var o3＝{Z:30}；console.log（'不修改原始对象，因为目标｛｝'）；var merge=对象赋值（｛｝，o1，o2，o3）；console.log（合并）；//{X:10，Y:20，Z:30}控制台日志（o1）console.log（'不修改原始对象'）var spreadMerge＝{…o1，…o2，…o3}；console.log（spreadMerge）；控制台日志（o1）；

有不同的方法可以实现这一点：

Object.assign(targetObj, sourceObj);

targetObj = {...targetObj, ...sourceObj};

使用以下助手，可以将两个对象合并为一个新对象：

function extend(obj, src) {
    for (var key in src) {
        if (src.hasOwnProperty(key)) obj[key] = src[key];
    }
    return obj;
}

// example
var a = { foo: true }, b = { bar: false };
var c = extend(a, b);

console.log(c);
// { foo: true, bar: false }

当将选项dict与函数或插件中的默认设置合并时，这通常很有用。

如果不需要支持IE 8，您可以使用Object.keys来实现相同的功能：

function extend(obj, src) {
    Object.keys(src).forEach(function(key) { obj[key] = src[key]; });
    return obj;
}

这涉及的代码稍微少一点，速度也快一点。

以下两个可能是一个很好的起点。lodash还为那些特殊需求提供定制功能！

_.延伸(http://underscorejs.org/#extend) _.合并(https://lodash.com/docs#merge)

使用ES6版本之后的Spread运算符

var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }
let result = {...obj1,...obj2};
console.log(result)

output { food: 'pizza', car: 'ford', animal: 'dog' }

JSON兼容JavaScript对象的合并

我鼓励使用和利用不修改原始源代码的非破坏性方法，“Object.assign”是一种破坏性的方法，而且它也不太适合生产，因为它在早期浏览器上停止工作，而且你没有办法用其他方法对它进行干净的修补。

无论采用何种解决方案，合并JS对象都将永远无法实现或不完整。但是，合并JSON兼容的兼容对象离能够编写一段简单且可移植的代码只有一步之遥。该代码是一种非破坏性方法，将一系列JS对象合并到一个返回的主对象中，该主对象包含所有唯一的属性名及其对应的值，这些属性名合成在一个主对象中用于预期目的。

考虑到MSIE8是第一个为JSON对象添加本地支持的浏览器，这是一种极大的解脱，重用现有技术始终是一个受欢迎的机会。

将代码限制为JSON兼容的标准对象，与其说是限制，不如说是优势，因为这些对象也可以通过互联网传输。当然，对于那些想要更深入的向后兼容性的人来说，总是有一个json插件。，其方法可以很容易地分配给外部代码中的JSON变量，而无需修改或重写正在使用的方法。

function Merge( ){
    var a = [].slice.call( arguments ), i = 0;
        while( a[i] )a[i] = JSON.stringify( a[i++] ).slice( 1,-1 );
        return JSON.parse( "{"+ a.join() +"}" );
    }

（当然，人们总是可以给它取一个更有意义的名字，我还没有决定；应该把它命名为JSONmerge）

用例：

var master = Merge( obj1, obj2, obj3, ...objn );

现在，与Object.assign相反，这将使所有对象保持不变，并保持其原始状态（以防您做错了什么，需要重新排序合并对象，或者在再次合并之前能够将它们单独用于其他操作）。

Merge参数的数量也仅受参数长度限制[这是巨大的]的限制。本机支持的JSON parse/stringify已经进行了机器优化，这意味着：它应该比任何脚本形式的JS循环都快。对给定参数的迭代是使用while完成的，while被证明是JS中最快的循环。

简单地提一下我们已经知道的事实，即唯一对象标签（键）的重复财产将被包含相同键标签的后一个对象覆盖，这并不有害，这意味着您可以通过简单地对参数列表进行排序或重新排序来控制哪个属性将取代前一个属性。以及获得一个干净且更新的主对象而无重复作为最终输出的好处。

;var obj1=｛a:1｝，obj2=｛b:2｝，obj3=｛c:3｝;函数合并（）{var a=[].slice.call（参数），i=0；而（a[i]）a[i]=JSON.stringify（a[i++]）.slice（1，-1）；return JSON.parse（“｛”+a.join（）+“｝”）；};var master=合并（obj1、obj2、obj3）;console.log（JSON.stringify（master））;