从 Object.assign 探索 ES2015

在 ES2015（也称为 ES6）中，Object.assign 方法成为了一个非常实用的工具，它允许我们将一个或多个源对象的可枚举属性复制到一个目标对象中。这个方法对于浅拷贝非常有用，尤其是当我们需要快速将多个对象的属性合并到一个对象中时。在本文中，我们将深入了解 Object.assign 的工作原理、使用方法和注意事项。
Object.assign 方法接受两个或更多参数：目标对象和其他源对象。它将源对象的所有可枚举属性复制到目标对象中，并返回目标对象。如果目标对象和源对象有相同的属性，那么源对象的属性将覆盖目标对象的属性。如果源对象具有getter和setter，那么在复制过程中将调用这些方法。这意味着它不仅仅是复制属性的值，还可以实现属性的动态赋值。
这个方法的一个重要注意事项是，它只复制源对象的自身可枚举属性，而不包括其原型链上的属性。此外，如果源对象的属性值为 null 或 undefined，那么这些属性将不会被复制到目标对象中。
Object.assign 的一个常见用途是在创建新对象时合并多个对象的属性。例如，假设我们有两个对象，我们想将它们合并到一个新对象中，我们可以使用 Object.assign 方法轻松实现这一点：

let object1 = { a: 1, b: 2 };
let object2 = { b: 3, c: 4 };
let mergedObject = Object.assign({}, object1, object2);
console.log(mergedObject); // { a: 1, b: 3, c: 4 }

在这个例子中，我们创建了一个新的空对象作为目标对象，然后将 object1 和 object2 的属性复制到了这个新对象中。由于 object2 的 b 属性覆盖了 object1 的 b 属性，最终的 mergedObject 对象的 b 属性值为 3。
需要注意的是，Object.assign 方法执行的是浅拷贝，而不是深拷贝。这意味着如果源对象的属性值是一个指向对象的引用，那么该引用将被复制到目标对象中，而不是该引用的内容。这意味着如果对源对象的引用进行更改，那么这些更改也会反映在目标对象中。例如：

let object1 = { a: { b: 1 } };
let object2 = Object.assign({}, object1);
object1.a.b = 2;
console.log(object2.a.b); // 2

在这个例子中，我们创建了一个新的空对象作为目标对象，并将 object1 的属性复制到了这个新对象中。然后我们更改了 object1 的 a 属性的 b 属性的值。由于执行的是浅拷贝，这些更改也反映在了 object2 的 a 属性的 b 属性上。
如果你需要进行深拷贝，那么你需要使用其他方法，如 JSON.parse 和 JSON.stringify 方法或者使用第三方库提供的深拷贝功能。这些方法可以实现深拷贝，但需要注意它们也有一些限制和潜在的性能问题。因此，在使用它们之前，请确保了解它们的限制和潜在问题。
总结来说，Object.assign 方法是一个非常实用的工具，用于将一个或多个源对象的可枚举属性复制到一个目标对象中。它执行的是浅拷贝，适用于快速合并对象的属性。然而，如果你需要进行深拷贝，那么你需要使用其他方法。