在 ES6 中，Object.assign 是一个非常实用的方法，它可以将多个对象合并成一个对象，从而方便了我们在编程过程中对多个对象进行操作。
语法介绍
Object.assign 的语法如下所示：
--------------------- ----------
其中，target 是目标对象，source 是源对象。Object.assign 会将所有源对象中的可枚举属性复制到目标对象中，如果有相同属性，后面的值会覆盖前面的值。Object.assign 方法返回的是目标对象。
使用场景
对象属性的复制
我们可以使用 Object.assign 来复制对象中的属性，举个例子：
--- ---- - - ---- -- ---- - -- --- ---- - - ---- - -- --- ---- - ----------------- ----- ------ ------------------ -- - ---- -- ---- -- ---- - -
在上面的例子中，我们通过 Object.assign 将 obj1 和 obj2 的所有属性都复制到了 obj3 中去。
对象合并
我们也可以使用 Object.assign 来合并多个对象，如果这些对象有相同属性，后面的对象中的属性会覆盖前面的对象中的属性，举个例子：
--- ---- - - ---- -- ---- - -- --- ---- - - ---- -- ---- - -- --- ---- - - ---- - -- --- ---- - ----------------- ----- ----- ------ ------------------ -- - ---- -- ---- -- ---- - -
在上面的例子中，obj2 中的属性 bar 覆盖了 obj1 中的属性 bar，而后面的 obj3 中的属性 baz 又覆盖了 obj2 中的属性 baz。
拷贝属性的特殊情况
在使用 Object.assign 拷贝属性时，一些特殊情况可能需要注意：
Object.assign只能拷贝源对象的自身属性，不能拷贝继承属性。- 如果源对象是
null或undefined，会导致程序异常。 Object.assign会跳过那些值为null或undefined的源对象。
实例代码
下面是一些实例代码，帮助你更好地理解 Object.assign 的使用方法和效果：
-- ---------------- ----- ---- - - -- -- -- - -- ----- ---- - - -- -- -- - -- ----- ---- - - -- -- -- - -- ----- ------- - ------------------- ----- ------ --------------------- -- - -- -- -- -- -- -- -- -- -- - - -- -------------- ----- ---- - - -- -- -- - -- ----- ---- - - -- - -- ----- ------- - ----------------- ----- ------ --------------------- -- - -- -- -- -- -- - - -- ------ ----- ---- - - -- -- -- - -- ----- ---- - ------------------- - -- - ------ - - --- ----- ------- - ----------------- ------ --------------------- -- - -- - -
总结
Object.assign 是 ES6 中一个非常实用的方法，可以方便地将多个对象合并成一个对象，从而简化我们的编程过程。在使用 Object.assign 时需要注意拷贝属性的特殊情况，以及属性的顺序问题。希望本篇文章可以帮助读者更好地掌握 Object.assign 方法的使用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/651ccf2e95b1f8cacd44f0ad