对象合并

Object.assign() 方法专门用于合并对象，这个方法接收一个目标对象和一个或多个源对象作为参数，然后将每个源对象中可枚举（Object.propertyIsEnumerable() 返回 true）和自有（Object.hasOwnProperty() 返回 true）的属性复制到目标对象。

let dest = {};
const src = { id: "src" };
const result = Object.assign(dest, src);

console.log(dest === result); // true
console.log(dest !== src); // true
console.log(result); // { id: 'src' }

Object.assign() 对每个源对象执行的是浅复制，如果多个源对象都有相同的属性，则使用最后一个复制的值。

let dest = {};
const result = Object.assign(dest, { id: "src1", a: "foo" }, { id: "src2", b: "bar" });
console.log(result); // { id: 'src2', a: 'foo', b: 'bar' }

有 getter 和 setter 的情况：

let dest = {
  set a(val) {
    console.log(`Invoked dest setter with param ${val}`);
  },
};

const src = {
  get a() {
    console.log("Invoked src getter");
    return "foo";
  },
};

Object.assign(dest, src);

// 调用src的获取方法
// 调用dest的设置方法并传入参数"foo"
// 因为这里的设置函数不执行赋值操作
// 所以实际上并没有把值转移过来
console.log(dest); // { set a(val) {...} }

使用 Object.assign() 有几点需要注意：

无法在两个对象间转移获取函数和设置函数。
如果赋值期间出错，则操作会中止并退出，同时抛出错误。但 Object.assign() 没有回滚之前赋值的概念，因此有可能只会完成部分复制。

let dest, src, result;

/**
 * 错误处理
 */
dest = {};
src = {
  a: "foo",
  get b() {
    // Object.assign()在调用这个获取函数时会抛出错误
    throw new Error();
  },
  c: "bar",
};

try {
  Object.assign(dest, src);
} catch (e) {}

// Object.assign()没办法回滚已经完成的修改
// 因此在抛出错误之前，目标对象上已经完成的修改会继续存在：
console.log(dest); // { a: foo }

对象合并 ​

对象合并