var obj1 = { food: 'pizza', car: 'ford' }
var obj2 = { animal: 'dog' }

// result
result: {food: "pizza", car: "ford", animal: "dog"}

使用jQuery.exde（）-Link

// Merge obj1 & obj2 to result
var result1 = $.extend( {}, obj1, obj2 );

使用_.merge（）-链接

// Merge obj1 & obj2 to result
var result2 = _.merge( {}, obj1, obj2 );

使用_.exde（）-链接

// Merge obj1 & obj2 to result
var result3 = _.extend( {}, obj1, obj2 );

使用Object.assign（）ECMAScript 2015（ES6）-Link

// Merge obj1 & obj2 to result
var result4 = Object.assign( {}, obj1, obj2 );

全部输出

obj1: { animal: 'dog' }
obj2: { food: 'pizza', car: 'ford' }
result1: {food: "pizza", car: "ford", animal: "dog"}
result2: {food: "pizza", car: "ford", animal: "dog"}
result3: {food: "pizza", car: "ford", animal: "dog"}
result4: {food: "pizza", car: "ford", animal: "dog"}

函数扩展（o，o1，o2）{如果（！（o instanceof Object））o=｛｝；副本（o，o1）；如果（o2）副本（o，o2）函数isObject（obj）{var type=Object.protype.toString.call（obj）；return obj===对象（obj）&&type！='[object Array]'&&type！='[object函数]'；};功能副本（a，b）{//将o2复制到ofor（b中的var键）if（b.hasOwnProperty（键））{if（isObject（b[key]））{if（！isObject（a[key]））a[key]=Object.assign（{}，b[key]）；其他副本（a[key]，b[key]）}其他的a[key]=b[key]；}}返回o；};变量o1＝｛a:｛foo:1｝，b:1｝，o2={a:{bar:2}，b:[1]，c:（）=>{}}，newMerged=扩展（{}，o1，o2）；console.log（newMerged）控制台日志（o1）控制台日志（o2）

您可以为每个对象分配一个默认的合并（也许“继承”一个更好的名称）方法：

它应该使用对象或实例化函数。

如果需要，下面的代码处理重写合并值：

Object.prototype.merge = function(obj, override) {
// Don't override by default

    for (var key in obj) {
        var n = obj[key];
        var t = this[key];
        this[key] = (override && t) ? n : t;
    };

};

测试数据如下：

var Mammal = function () {
    this.eyes = 2;
    this.thinking_brain = false;
    this.say = function () {
    console.log('screaming like a mammal')};
}

var Human = function () {
    this.thinking_brain = true;
    this.say = function() {console.log('shouting like a human')};
}

john = new Human();

// Extend mammal, but do not override from mammal
john.merge(new Mammal());
john.say();

// Extend mammal and override from mammal
john.merge(new Mammal(), true);
john.say();

我的方式：

function mergeObjects(defaults, settings) {
    Object.keys(defaults).forEach(function(key_default) {
        if (typeof settings[key_default] == "undefined") {
            settings[key_default] = defaults[key_default];
        } else if (isObject(defaults[key_default]) && isObject(settings[key_default])) {
            mergeObjects(defaults[key_default], settings[key_default]);
        }
    });

    function isObject(object) {
        return Object.prototype.toString.call(object) === '[object Object]';
    }

    return settings;
}

:)

使用jQuery库尝试这种方式

let obj1 = { food: 'pizza', car: 'ford' }
let obj2 = { animal: 'dog' }

console.log(jQuery.extend(obj1, obj2))

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

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