使用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）；

应修改给定的解决方案以检查for中的source.hasOwnProperty（属性）。。在赋值之前的循环中-否则，您最终会复制整个原型链的财产，这是很少需要的。。。

此解决方案创建一个新对象，并能够处理多个对象。

此外，它是递归的，您可以选择要覆盖值和对象的天气。

    function extendObjects() {

        var newObject        = {};
        var overwriteValues  = false;
        var overwriteObjects = false;

        for ( var indexArgument = 0; indexArgument < arguments.length; indexArgument++ ) {

            if ( typeof arguments[indexArgument] !== 'object' ) {

                if ( arguments[indexArgument] == 'overwriteValues_True' ) {

                    overwriteValues = true;            
                } else if ( arguments[indexArgument] == 'overwriteValues_False' ) {

                    overwriteValues = false;                             
                } else if ( arguments[indexArgument] == 'overwriteObjects_True' ) {

                    overwriteObjects = true;     
                } else if ( arguments[indexArgument] == 'overwriteObjects_False' ) {

                    overwriteObjects = false; 
                }

            } else {

                extendObject( arguments[indexArgument], newObject, overwriteValues, overwriteObjects );
            }

        }

        function extendObject( object, extendedObject, overwriteValues, overwriteObjects ) {

            for ( var indexObject in object ) {

                if ( typeof object[indexObject] === 'object' ) {

                    if ( typeof extendedObject[indexObject] === "undefined" || overwriteObjects ) {
                        extendedObject[indexObject] = object[indexObject];
                    }

                    extendObject( object[indexObject], extendedObject[indexObject], overwriteValues, overwriteObjects );

                } else {

                    if ( typeof extendedObject[indexObject] === "undefined" || overwriteValues ) {
                        extendedObject[indexObject] = object[indexObject];
                    }

                }

            }     

            return extendedObject;

        }

        return newObject;
    }

    var object1           = { a : 1, b : 2, testArr : [888, { innArr : 1 }, 777 ], data : { e : 12, c : { lol : 1 }, rofl : { O : 3 } } };
    var object2           = { a : 6, b : 9, data : { a : 17, b : 18, e : 13, rofl : { O : 99, copter : { mao : 1 } } }, hexa : { tetra : 66 } };
    var object3           = { f : 13, g : 666, a : 333, data : { c : { xD : 45 } }, testArr : [888, { innArr : 3 }, 555 ]  };

    var newExtendedObject = extendObjects( 'overwriteValues_False', 'overwriteObjects_False', object1, object2, object3 );

newExtendedObject的内容：

{"a":1,"b":2,"testArr":[888,{"innArr":1},777],"data":{"e":12,"c":{"lol":1,"xD":45},"rofl":{"O":3,"copter":{"mao":1}},"a":17,"b":18},"hexa":{"tetra":66},"f":13,"g":666}

小提琴：http://jsfiddle.net/o0gb2umb/

如果您需要一个深度合并，它也将通过将数组串联到结果中来“合并”数组，那么这个ES6函数可能就是您需要的：

函数deepMerge（a，b）{//如果两者都不是对象，请返回其中一个：如果（对象（a）！==a&&对象（b）！==b） 返回b||a；//用空对象/数组替换剩余的基元如果（对象（a）！==a） a=Array.isArray（b）？[] : {};if（对象（b）！==b） b=Array.isArray（a）？[] : {};//区别对待阵列：if（Array.isArray（a）&&Array.isArray（b））{//合并阵列被解释为其深层克隆的串联：return[…a.map（v=>deepMerge（v）），…b.map（v=>deepMerger（v）]；}其他{//获取任一对象中存在的键var keys=新集合（[…Object.keys（a），…Object.key（b）]）；//重复并分配给新对象return Object.assign（{}，…Array.from（keys，key=>（{[key]:deepMerge（a[key]，b[key]）}））；}}//演示的示例数据：变量a={组：[{组：[{name：“John”，年龄：12岁},{name:“Mary”，年龄：20岁}],groupName:'对'}],配置：{颜色：“蓝色”，范围：'远'}};变量b={组：[{组：[{name:'比尔'，年龄：15岁}],groupName:'孤独者'}],配置：{范围：'关闭'，强度：'平均'}};var merged=deepMerge（a，b）；console.log（合并）；.作为控制台包装｛最大高度：100%！重要；顶部：0；｝

请注意，如果只有一个参数传递给此函数，它将充当深度克隆函数。

在Ext JS 4中，可以如下所示：

var mergedObject = Ext.Object.merge(object1, object2)

// Or shorter:
var mergedObject2 = Ext.merge(object1, object2)

请参见合并（对象）：对象。

ES5兼容的原生单内胆：

var merged = [obj1, obj2].reduce(function(a, o) { for(k in o) a[k] = o[k]; return a; }, {})