在 ES12 中使用 Object.assign 方法
随着 JavaScript 的不断发展，我们也需要不断学习新的技术和方法。ES12 中引入了 Object.assign 方法，它可以帮助我们更方便地合并对象，同时也提高了代码的可读性和可维护性。
Object.assign 方法的作用是将一个或多个源对象的属性复制到目标对象中。它的语法如下：
--------------------- -----------
其中，target 是目标对象，sources 是一个或多个源对象。
Object.assign 方法的返回值是目标对象，也就是说，源对象的属性会被合并到目标对象中，如果目标对象中已经有了相同的属性，则会被源对象覆盖。
下面是一个示例代码：
----- ------ - - -- -- -- - -- ----- ------ - - -- -- -- - -- ----- ------ - --------------------- -------- -------------------- -- - -- -- -- -- -- - -
在上面的示例中，target 对象中的 b 属性被 source 对象的 b 属性覆盖了，最终的结果是 { a: 1, b: 4, c: 5 }。
除了合并对象的属性，Object.assign 方法还可以用来克隆对象。例如：
----- --- - - -- -- -- - -- ----- ----- - ----------------- ----- ------------------- -- - -- -- -- - -
在上面的示例中，我们创建了一个新的空对象 {}，并将 obj 对象的属性复制到了这个空对象中，从而实现了克隆对象的操作。
需要注意的是，Object.assign 方法只会复制源对象的可枚举属性，也就是说，如果源对象的属性是不可枚举的，那么这些属性就不会被复制到目标对象中。
另外，Object.assign 方法是浅拷贝，也就是说，如果源对象的属性值是一个对象，那么目标对象中的这个属性值也会是一个对象的引用。例如：
----- ---- - - -- - -- - - -- ----- ---- - ----------------- ------ -------- - -- ------------------ -- - -- - -- - - - ------------------ -- - -- - -- - - -
在上面的示例中，我们将 obj1 对象的属性复制到了 obj2 对象中，然后修改了 obj1.a.b 的值，发现 obj2.a.b 的值也被修改了。这是因为 Object.assign 方法只是复制了对象的引用，而不是对象本身。
总结一下，在 ES12 中使用 Object.assign 方法可以帮助我们更方便地合并对象和克隆对象，同时也需要注意它的一些限制和注意事项。掌握了这个方法，我们可以更加高效地编写 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/663a7a81d3423812e4894a8a