介绍
Object.assign() 是 JavaScript 中一个很有用的函数，它可以将一个或多个源对象的属性复制到某个目标对象上，并返回该目标对象。本文将介绍 Object.assign() 的使用方法和指南，并提供一些示例代码供读者参考。
语法
--------------------- -----------
其中：
- target：目标对象，将会接收源对象（sources）中的所有属性。如果该参数为空（即 undefined 或 null），则将抛出 TypeError。
- sources：源对象，一个或多个对象，从这些对象中获取属性，并将它们复制到目标对象（target）上，如果该参数为空（即 undefined 或 null），则忽略。
特性
- Object.assign() 只会拷贝源对象自身的并且可枚举的属性到目标对象上。源对象原型链上的属性以及不可枚举的属性（Object.getOwnPropertyNames() 方法可以获取到）都不会被拷贝。
- 如果在复制过程中出现同名属性，那么目标对象的属性将会被源对象的属性覆盖。
- 如果任何一个源对象是 undefined 或 null，则该对象将被忽略（不会抛出错误）。
示例
示例 1
----- ------ - - -- -- -- - -- ----- ------ - - -- -- -- - -- ----- ------ - --------------------- -------- -------------------- -- - -- -- -- -- -- - - -------------------- -- - -- -- -- -- -- - -
在上述代码中，我们创建了一个名为 target 的对象，它有两个属性：a 和 b。我们还创建了一个名为 source 的对象，它有两个属性：b 和 c。我们调用 Object.assign() 函数将源对象 source 的属性 b 和 c 复制到目标对象 target 上，此时我们打印目标对象 target 和返回值 result，均得到如上所示的结果。
我们注意到，在复制过程中发现目标对象 target 中也有属性 b，那么我们发现 source 中的属性 b 将会覆盖掉目标对象 target 中的属性 b，最终的结果为 { a: 1, b: 4, c: 5 }。
示例 2
----- ------ - - -- -- -- - -- ----- ------- - - -- - -- ----- ------- - - -- - -- ----- ------ - --------------------- -------- --------- -------------------- -- - -- -- -- -- -- - - -------------------- -- - -- -- -- -- -- - -
在上述代码中，我们创建了一个名为 target 的对象，它有两个属性：a 和 b。我们还创建了两个名为 source1 和 source2 的对象，它们分别有一个属性 b 和 c。我们调用 Object.assign() 函数，将源对象 source1、source2 的属性复制到目标对象 target 上，此时我们打印目标对象 target 和返回值 result，均得到如上所示的结果。
示例 3
----- ------ - - -- -- -- - -- ----- ------ - - -- - -- - - -- ----- ------ - --------------------- -------- -------------------- -- - -- -- -- - -- - - - -------------------- -- - -- -- -- - -- - - -
在上述代码中，我们创建了一个名为 target 的对象，它有两个属性：a 和 b。我们还创建了一个名为 source 的对象，它有一个属性 b，值为对象 { c: 4 }。我们调用 Object.assign() 函数，将源对象 source 的属性复制到目标对象 target 上，此时我们打印目标对象 target 和返回值 result，均得到如上所示的结果。
我们注意到，在复制过程中，Object.assign() 函数并不会递归拷贝对象中的属性。此时的对象 b 将被直接赋值到目标对象上，因此目标对象 target 中的属性 b 就变成了一个包含 { c: 4 } 的新对象。
注意事项
- 使用 Object.assign() 函数时，我们需要认真考虑源对象和目标对象之间属性的覆盖和拷贝问题，避免出现意外的情况。
- 在使用 Object.assign() 函数时，我们需要确保源对象中的属性是可枚举的，否则这些属性不会被拷贝到目标对象上。
- 在使用 Object.assign() 函数时，我们需要注意目标对象的类型。如果目标对象不是一个对象，则会自动将其转换为对象（利用 Object() 函数）。
- 在使用 Object.assign() 函数时，由于该函数会修改目标对象，因此我们需要特别小心，以避免不必要的错误。
结论
通过本文的介绍和示例，我们可以知道 Object.assign() 函数在 JavaScript 中的使用方法和指南。它是一个功能强大的函数，可以轻松地拷贝对象属性，从而减少了代码编写的时间和工作量。当我们处理 JavaScript 中的对象时，Object.assign() 函数是我们不可或缺的工具之一，它可以大大提高我们的编程效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66f0daad6fbf96019734326f