基于Markus和vsync的回答，这是一个扩展版本。该函数接受任意数量的参数。它可以用于设置DOM节点上的财产，并对值进行深度复制。然而，第一个论点是通过引用给出的。

要检测DOM节点，使用isDOMNode（）函数（请参阅堆栈溢出问题JavaScript isDOM-如何检查JavaScript对象是否为DOM对象？）

它在Opera 11、Firefox 6、Internet Explorer 8和Google Chrome 16中进行了测试。

Code

function mergeRecursive() {

  // _mergeRecursive does the actual job with two arguments.
  var _mergeRecursive = function (dst, src) {
    if (isDOMNode(src) || typeof src !== 'object' || src === null) {
      return dst;
    }

    for (var p in src) {
      if (!src.hasOwnProperty(p))
        continue;
      if (src[p] === undefined)
        continue;
      if ( typeof src[p] !== 'object' || src[p] === null) {
        dst[p] = src[p];
      } else if (typeof dst[p]!=='object' || dst[p] === null) {
        dst[p] = _mergeRecursive(src[p].constructor===Array ? [] : {}, src[p]);
      } else {
        _mergeRecursive(dst[p], src[p]);
      }
    }
    return dst;
  }

  // Loop through arguments and merge them into the first argument.
  var out = arguments[0];
  if (typeof out !== 'object' || out === null)
    return out;
  for (var i = 1, il = arguments.length; i < il; i++) {
    _mergeRecursive(out, arguments[i]);
  }
  return out;
}

一些示例

设置HTML元素的innerHTML和样式

mergeRecursive(
  document.getElementById('mydiv'),
  {style: {border: '5px solid green', color: 'red'}},
  {innerHTML: 'Hello world!'});

合并数组和对象。请注意，undefined可用于保存左侧数组/对象中的值。

o = mergeRecursive({a:'a'}, [1,2,3], [undefined, null, [30,31]], {a:undefined, b:'b'});
// o = {0:1, 1:null, 2:[30,31], a:'a', b:'b'}

任何非JavaScript对象的参数（包括null）都将被忽略。除了第一个参数之外，也会丢弃DOM节点。注意，像new String（）这样创建的字符串实际上是对象。

o = mergeRecursive({a:'a'}, 1, true, null, undefined, [1,2,3], 'bc', new String('de'));
// o = {0:'d', 1:'e', 2:3, a:'a'}

如果要将两个对象合并为一个新对象（不影响其中任何一个），请提供｛｝作为第一个参数

var a={}, b={b:'abc'}, c={c:'cde'}, o;
o = mergeRecursive(a, b, c);
// o===a is true, o===b is false, o===c is false

编辑（由收割者很快）：

还要合并阵列

function mergeRecursive(obj1, obj2) {
  if (Array.isArray(obj2)) { return obj1.concat(obj2); }
  for (var p in obj2) {
    try {
      // Property in destination object set; update its value.
      if ( obj2[p].constructor==Object ) {
        obj1[p] = mergeRecursive(obj1[p], obj2[p]);
      } else if (Array.isArray(obj2[p])) {
        obj1[p] = obj1[p].concat(obj2[p]);
      } else {
        obj1[p] = obj2[p];
      }
    } catch(e) {
      // Property in destination object not set; create it and set its value.
      obj1[p] = obj2[p];
    }
  }
  return obj1;
}

A={a:1,b:function(){alert(9)}}
B={a:2,c:3}
A.merge = function(){for(var i in B){A[i]=B[i]}}
A.merge()

结果是：｛a:2，c:3，b:function（）｝

如果您需要一个深度合并，它也将通过将数组串联到结果中来“合并”数组，那么这个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；｝

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

使用jQuery库尝试这种方式

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

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

与jQueryextend（）类似，AngularJS中有相同的函数：

// Merge the 'options' object into the 'settings' object
var settings = {validate: false, limit: 5, name: "foo"};
var options  = {validate: true, name: "bar"};
angular.extend(settings, options);

我们可以装箱一个空对象，并通过for循环将它们组合起来：

变量obj1={id:“1”，name:'name'}变量obj2={c： “c”，d： “d”}var obj3=｛｝for（obj1中的var attrname）｛obj3[attrname]=obj1[attrname]；｝for（obj2中的var attrname）｛obj3[attrname]=obj2[attrname]；｝控制台日志（obj1、obj2、obj3）