javascript中的深度和浅层合并

Question

javascript中对象的深度和浅度合并有什么区别？ 据我所知，深度合并递归地将所有源对象可枚举属性复制到目标对象中。 但浅合并有什么作用？

Answer 1

在浅合并中，第一个对象的属性将被第二个对象的相同属性值覆盖。

让我们看一个例子。 建立：

var obj1 = {
  foo: {
    prop1: 42,
  },
};

var obj2 = {
  foo: {
    prop2: 21,
  },
  bar: {
    prop3: 10,
  },
};

浅：

var result = {
  foo: {          // `foo` got overwritten with the value of `obj2`
    prop2: 21,
  },
  bar: {
    prop3: 10,
  },
};

深：

var result = {
  foo: {
    prop1: 42,
    prop2: 21,    // `obj2.foo` got merged into `obj1.foo`.
  },
  bar: {
    prop3: 10,
  },
};