原型具有以下特点：

Object.extend = function(destination,source) {
    for (var property in source)
        destination[property] = source[property];
    return destination;
}

obj1.extend（obj2）将执行您想要的操作。

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

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

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

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

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

我在谷歌上搜索了合并对象财产的代码，结果出现在这里。然而，由于没有递归合并的代码，我自己编写了它。（也许jQuery扩展是递归的BTW？）无论如何，希望其他人也会发现它很有用。

（现在代码不使用Object.prototype:）

Code

/*
* Recursively merge properties of two objects 
*/
function MergeRecursive(obj1, 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 {
        obj1[p] = obj2[p];

      }

    } catch(e) {
      // Property in destination object not set; create it and set its value.
      obj1[p] = obj2[p];

    }
  }

  return obj1;
}

一个例子

o1 = {  a : 1,
        b : 2,
        c : {
          ca : 1,
          cb : 2,
          cc : {
            cca : 100,
            ccb : 200 } } };

o2 = {  a : 10,
        c : {
          ca : 10,
          cb : 20, 
          cc : {
            cca : 101,
            ccb : 202 } } };

o3 = MergeRecursive(o1, o2);

生成类似o3的对象

o3 = {  a : 10,
        b : 2,
        c : {
          ca : 10,
          cb : 20,
          cc : { 
            cca : 101,
            ccb : 202 } } };

Harmony ECMAScript 2015（ES6）指定了将执行此操作的Object.assign。

Object.assign(obj1, obj2);

当前的浏览器支持越来越好，但如果您正在为没有支持的浏览器开发，则可以使用polyfill。

ECMAScript 2018标准方法

您可以使用对象扩散：

let merged = {...obj1, ...obj2};

merged现在是obj1和obj2的并集。obj2中的财产将覆盖obj1中的属性。

/** There's no limit to the number of objects you can merge.
 *  Later properties overwrite earlier properties with the same name. */
const allRules = {...obj1, ...obj2, ...obj3};

这里还有此语法的MDN文档。如果您正在使用babel，则需要@babel/plugin提议对象rest spread插件才能工作（该插件包含在ES2018中的@babel/preset-env中）。

ECMAScript 2015（ES6）标准方法

/* For the case in question, you would do: */
Object.assign(obj1, obj2);

/** There's no limit to the number of objects you can merge.
 *  All objects get merged into the first object. 
 *  Only the object in the first argument is mutated and returned.
 *  Later properties overwrite earlier properties with the same name. */
const allRules = Object.assign({}, obj1, obj2, obj3, etc);

（参见MDN JavaScript参考）

ES5及更早版本的方法

for (var attrname in obj2) { obj1[attrname] = obj2[attrname]; }

请注意，这将简单地将obj2的所有属性添加到obj1中，如果您仍然希望使用未修改的obj1，那么这可能不是您想要的。

如果你使用的是一个在你的原型上到处都是垃圾的框架，那么你必须通过hasOwnProperty这样的检查来获得更高的效率，但这段代码在99%的情况下都是有效的。

示例函数：

/**
 * Overwrites obj1's values with obj2's and adds obj2's if non existent in obj1
 * @param obj1
 * @param obj2
 * @returns obj3 a new object based on obj1 and obj2
 */
function merge_options(obj1,obj2){
    var obj3 = {};
    for (var attrname in obj1) { obj3[attrname] = obj1[attrname]; }
    for (var attrname in obj2) { obj3[attrname] = obj2[attrname]; }
    return obj3;
}