Как объединить сложные объекты 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)); 

Demos:http://jsfiddle.net/zgbwtp4g/, http://jsfiddle.net/zgbwtp4g/1

Answer 2

Там нет простого способа, но есть различные реализации онлайн, вытекающие из различных библиотек, т.е. lodash merge или jquery extend. Вы можете увидеть их реализацию и реализовать.

Это, кажется, показывает хорошую реализацию: merge