从 Object.assign 开始了解ES2015

ES2015，也被称为 ES6，是 JavaScript 语言的一个重要版本，它引入了许多新的特性和语法。其中，Object.assign 方法是一个非常实用的工具，用于将一个或多个源对象的所有可枚举属性的值复制到目标对象。这个方法在处理对象合并、属性拷贝等方面非常有用。
首先，我们需要理解 Object.assign 的基本语法：Object.assign(target, …sources)。这个方法接受一个目标对象（target）和一个或多个源对象（sources）。它将所有源对象的可枚举属性值复制到目标对象，并返回目标对象。如果目标对象中已经存在具有相同键的属性，那么源对象的属性值将覆盖目标对象的属性值。
Object.assign 的工作原理是遍历源对象的所有可枚举属性，并将这些属性的值复制到目标对象中。在复制过程中，如果源对象的某个属性是一个 getter 函数，那么在复制时将调用这个 getter 函数，并将返回的结果作为属性的值复制到目标对象。同样地，如果目标对象中已经存在一个同名的属性，并且该属性的值也是一个 setter 函数，那么在复制时将调用这个 setter 函数。
Object.assign 只会复制源对象自身的可枚举属性，而不会复制其原型链上的属性。此外，它也不会复制那些值为 null 或 undefined 的属性。这意味着，如果源对象的某个属性值为 null 或 undefined，那么这个属性将不会被复制到目标对象中。
在实际应用中，Object.assign 可以用于合并两个或多个对象，或者将一个对象的属性复制到另一个对象。例如：

const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };
Object.assign(target, source1, source2);
console.log(target); // { a: 1, b: 2, c: 3 }

在这个例子中，我们创建了三个对象：target、source1 和 source2。然后我们使用 Object.assign 方法将 source1 和 source2 的属性复制到 target 对象中。最后，我们输出 target 对象，可以看到它包含了所有三个对象的属性。
需要注意的是，由于 Object.assign 是浅拷贝，所以如果源对象的某个属性的值是一个对象或数组，那么拷贝的其实是这个对象或数组的引用，而不是创建一个新的副本。因此，如果需要深度拷贝一个对象或数组，需要使用其他方法。
总的来说，Object.assign 方法是一个非常实用的工具，可以帮助我们轻松地合并对象或复制对象的属性。虽然它有一些限制和需要注意的地方，但只要我们了解它的工作原理和限制，就可以在实践中灵活地使用它。