在 ES11 中，Object.assign 作为一种常用的对象属性复制方法，被广泛地应用于前端开发中。然而，使用 Object.assign 时，我们可能会遇到一些问题。本文将介绍这些问题并提供解决方法。
问题一：浅拷贝
当使用 Object.assign 复制对象时，它只会复制对象的第一层属性。如果对象中还有对象，它们不会被复制，而是只复制了一个引用。这就是所谓的“浅拷贝”。
示例代码：
const obj1 = { a: { b: 1 } };
const obj2 = Object.assign({}, obj1);
obj1.a.b = 2;
console.log(obj1); // { a: { b: 2 } }
console.log(obj2); // { a: { b: 2 } }在上面的代码中，我们先定义了一个包含一个对象的对象 obj1，然后使用 Object.assign 复制了 obj1。接着，我们改变了 obj1.a.b 的值，并打印了 obj1 和 obj2。我们会发现，obj2 的值也被改变了。
解决方法：
可以使用 JSON.parse 和 JSON.stringify 来解决浅拷贝的问题。这样做的缺点是会将对象中的函数和 undefined 值丢失。
示例代码：
const obj1 = { a: { b: 1 } };
const obj2 = JSON.parse(JSON.stringify(obj1));
obj1.a.b = 2;
console.log(obj1); // { a: { b: 2 } }
console.log(obj2); // { a: { b: 1 } }在上面的代码中，我们先定义了一个包含一个对象的对象 obj1，然后使用 JSON.parse 和 JSON.stringify 复制了 obj1。接着，我们改变了 obj1.a.b 的值，并打印了 obj1 和 obj2。我们会发现，obj2 的值没有被改变。
问题二：Symbol 属性复制
在 ES6 中，Symbol 被引入为一种新的原始数据类型。在使用 Object.assign 复制对象时，Symbol 类型的属性会被忽略。
示例代码：
const sym = Symbol('test');
const obj1 = { [sym]: 'value' };
const obj2 = Object.assign({}, obj1);
console.log(obj2); // {}在上面的代码中，我们先定义了一个 Symbol 类型的属性 sym，然后使用它在 obj1 中定义了一个包含该属性的对象。接着，我们使用 Object.assign 复制了 obj1，并打印了 obj2。我们会发现，obj2 中没有包含 sym 属性。
解决方法：
可以使用 Object.getOwnPropertySymbols 方法来获取对象中的 Symbol 属性，并使用 for 循环来复制它们。
示例代码：
-- -------------------- ---- ------- ----- --- - --------------- ----- ---- - - ------ ------- -- ----- ---- - --- ---------------------------------------------- -- - ------- - -------- --- ------------------ -- - --------------- ------- -
在上面的代码中，我们先定义了一个 Symbol 类型的属性 sym，然后使用它在 obj1 中定义了一个包含该属性的对象。接着，我们使用 Object.getOwnPropertySymbols 方法获取 obj1 中的 Symbol 属性，并使用 for 循环将它们复制到 obj2 中。最后打印 obj2，我们会发现 obj2 包含了 sym 属性。
问题三：不可枚举属性复制
在使用 Object.assign 复制对象时，不可枚举的属性将不会被复制。
示例代码：
-- -------------------- ---- ------- ----- ---- - --- --------------------------- ---- - ------ -- ----------- ------ --- ----- ---- - ----------------- ------ ------------------ -- --
在上面的代码中，我们先定义了一个不可枚举的属性 a，并使用它在 obj1 中定义了一个对象。接着，我们使用 Object.assign 复制了 obj1，并打印了 obj2。我们会发现，obj2 中没有包含 a 属性。
解决方法：
可以使用 Object.getOwnPropertyNames 和 Object.getOwnPropertySymbols 方法来获取对象中的所有属性，包括不可枚举的属性，并使用 for 循环来复制它们。
示例代码：
-- -------------------- ---- ------- ----- ---- - --- --------------------------- ---- - ------ -- ----------- ------ --- ----- ---- - --- --------------------------------------------------------------------------------------- -- - ------- - -------- --- ------------------ -- - -- - -
在上面的代码中，我们先定义了一个不可枚举的属性 a，并使用它在 obj1 中定义了一个对象。接着，我们使用 Object.getOwnPropertyNames 和 Object.getOwnPropertySymbols 方法获取 obj1 中的所有属性，并使用 for 循环将它们复制到 obj2 中。最后打印 obj2，我们会发现 obj2 包含了 a 属性。
总结
在使用 Object.assign 复制对象时，我们可能会遇到浅拷贝、Symbol 属性复制和不可枚举属性复制等问题。解决这些问题的方法包括使用 JSON.parse 和 JSON.stringify、Object.getOwnPropertySymbols 和 for 循环、Object.getOwnPropertyNames 和 Object.getOwnPropertySymbols 和 for 循环等。通过掌握这些方法，我们可以更好地使用 Object.assign，在前端开发中提高效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e5781f1886fbafa4111551