javascript - 如何合并复杂的JS对象

Question

如何像这样合并两个(或更多)JS 对象？

结果应包含所有函数(如 showUser 和 showOtherData)，事件和请求数组也应合并。

var object1 = {
  events: {
    'app.activated': 'showUser'
  },
  requests: {
  },
  showUser: function() {
    console.log("es jhsod")
  },
};

var object2 = {
  events: {
    'app.destroyed': 'hideUser'
  },

  requests: {
    main: {
      url: 'http://example/api/main',
      data: {
        format: 'json'  
      }
    }
  },

  showOtherData: function() {
    console.log("foobar")
  },
};

Answer 1

我知道已经有一些实现，但是编写递归函数非常有趣。为您的问题再检查一个 extend 函数。它还支持无限数量的参数:

function extend() {

    var result = {}, obj;

    for (var i = 0; i < arguments.length; i++) {
        obj = arguments[i];
        for (var key in obj) {
            if (Object.prototype.toString.call(obj[key]) === '[object Object]') {
                if (typeof result[key] === 'undefined') {
                    result[key] = {};
                }
                result[key] = extend(result[key], obj[key]);
            } 
            else {
                result[key] = obj[key];
            }
        }
    }
    return result;
}

console.log(extend(object1, object2, object3));

演示: http://jsfiddle.net/zgbwtp4g/ , http://jsfiddle.net/zgbwtp4g/1