什么是 Object.assign 方法
Object.assign 是 ES7 中的一个方法，用于将一个或多个源对象的属性复制到目标对象中。该方法会返回目标对象。语法如下：
--------------------- -----------
其中，target 是目标对象，sources 是一个或多个源对象。
常见问题
1. 对象属性的覆盖问题
在使用 Object.assign 方法时，如果源对象和目标对象存在同名属性，那么源对象的值会覆盖目标对象的值。例如：
----- ------ - - -- -- -- - -- ----- ------ - - -- -- -- - -- ----- ------ - --------------------- -------- -------------------- -- - -- -- -- -- -- - -
在上面的例子中，源对象 source 中的属性 b 覆盖了目标对象 target 中的属性 b。
2. 对象属性的遍历问题
Object.assign 方法只会复制源对象自身的可枚举属性到目标对象中。如果源对象的属性是继承来的，或者是不可枚举的，那么这些属性不会被复制。例如：
----- ------ - --- ----- ------ - --------------- -- - --- -------- - -- ----------------------------- ---- - ------ -- ----------- ----- --- ----- ------ - --------------------- -------- -------------------- -- - -- - -
在上面的例子中，源对象 source 继承了属性 a，属性 c 是不可枚举的，都没有被复制到目标对象 target 中。
3. 对象属性的类型问题
在使用 Object.assign 方法时，如果源对象的属性是一个对象或数组，那么目标对象中对应的属性会变成一个对该对象或数组的引用。例如：
----- ------ - --- ----- ------ - - -- - -- - - -- ----- ------ - --------------------- -------- -------------------- -- - -- - -- - - - ---------- - -- -------------------- -- - -- - -- - - -
在上面的例子中，源对象 source 中的属性 a 是一个对象，通过 Object.assign 复制到目标对象 target 中后，目标对象中的属性 a 也变成了一个对象。当源对象 source 中的属性 a 改变时，目标对象中的属性 a 也会跟着改变。
技巧
1. 合并多个对象
使用 Object.assign 方法可以将多个对象合并成一个对象。例如：
----- ---- - - -- - -- ----- ---- - - -- - -- ----- ---- - - -- - -- ----- ------ - ----------------- ----- ----- ------ -------------------- -- - -- -- -- -- -- - -
在上面的例子中，Object.assign 方法将 obj1、obj2 和 obj3 合并成了一个新的对象。
2. 深拷贝对象
使用 Object.assign 方法可以实现对象的深拷贝。例如：
----- ------ - - -- - -- - - -- ----- ------ - ----------------- -------- -------------------- -- - -- - -- - - - ---------- - -- -------------------- -- - -- - -- - - -
在上面的例子中，Object.assign 方法将源对象 source 深拷贝到目标对象 target 中，所以当源对象 source 中的属性 a 改变时，目标对象 target 中的属性 a 不会跟着改变。
3. 判断对象是否为空
使用 Object.assign 方法可以判断一个对象是否为空。例如：
----- --- - --- ----- ------- - ----------------------------- ------------ --- -- --------------------- -- ----
在上面的例子中，Object.assign 方法将 obj 复制到一个新的空对象中，然后通过 Object.keys 方法获取该新对象的属性名数组，判断数组的长度是否为 0 即可判断 obj 是否为空。
总结
Object.assign 方法是一个常用的对象复制方法，但在使用时需要注意对象属性的覆盖、遍历和类型等问题。同时，Object.assign 方法还有合并多个对象、深拷贝对象和判断对象是否为空等技巧。掌握这些问题和技巧，可以更好地使用 Object.assign 方法。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65d9b54f1886fbafa472a9ea