对象合并的神奇法宝：Object.assign 用法与模拟实现

2023-10-23 13:32:54

Object.assign() 简介

Object.assign() 方法接受两个或多个对象作为参数，并将其合并到第一个对象中。合并后，第一个对象包含所有源对象的可枚举属性，并且这些属性的值被覆盖。

Object.assign() 语法

Object.assign(target, ...sources)

target ：目标对象，后续所有的对象合并都是基于target进行合并
sources ：源对象，可以是任意数量的对象

Object.assign() 用法示例

const target = {
  name: '张三',
  age: 20
};

const source1 = {
  job: '程序员',
  salary: 10000
};

const source2 = {
  location: '北京',
  hobbies: ['编程', '游戏', '音乐']
};

Object.assign(target, source1, source2);

console.log(target);

输出结果：

{
  name: '张三',
  age: 20,
  job: '程序员',
  salary: 10000,
  location: '北京',
  hobbies: ['编程', '游戏', '音乐']
}

从输出结果可以看出，Object.assign() 将 source1 和 source2 中的可枚举属性合并到了 target 对象中，并且覆盖了 target 对象中已有的属性值。

Object.assign() 的局限性

Object.assign() 虽然好用，但也有其局限性。例如，它只进行浅拷贝，即只拷贝对象本身的属性，而不拷贝嵌套对象的属性。此外，Object.assign() 不会拷贝 Symbol 属性和不可枚举属性。

模拟实现 Object.assign()

为了更好地理解 Object.assign() 的工作原理，我们可以尝试自己模拟实现一个类似的方法。以下是一个简单的模拟实现：

function myAssign(target, ...sources) {
  for (let i = 0; i < sources.length; i++) {
    const source = sources[i];
    for (const key in source) {
      if (Object.prototype.hasOwnProperty.call(source, key)) {
        target[key] = source[key];
      }
    }
  }

  return target;
}