在前端开发中，经常需要复制对象以及处理对象的属性和方法。ES6 中引入了 Object.assign() 方法，可以帮助我们更方便地处理对象。本文将介绍 Object.assign() 方法的基本用法、如何使用它实现对象复制、以及排查错误时需要注意的细节。
基本用法
Object.assign() 方法用于合并多个对象的属性，将源对象的属性复制到目标对象中。它接收多个参数，其中第一个参数是目标对象，后面的参数是源对象。它的语法如下：
Object.assign(target, ...sources);
上面语法中，target 表示目标对象，它是要被赋值的对象；sources 是一个或多个源对象，它们的属性会被复制到目标对象中。如果多个源对象都有同名属性，则后来的属性会覆盖先前的属性。
Object.assign() 返回目标对象，即第一个参数 target。
下面是一个使用 Object.assign() 方法的简单示例：
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3 };
const obj3 = { d: 4 };
const target = Object.assign({}, obj1, obj2, obj3);
console.log(target); // { a: 1, b: 2, c: 3, d: 4 }对象复制
Object.assign() 方法除了可以合并多个对象的属性，还可以用来实现对象的复制。对象复制的基本思路就是创建一个空对象，然后将源对象的属性复制到这个空对象上。因此，我们可以使用 Object.assign() 方法来实现对象的复制。
下面是一个使用 Object.assign() 方法实现对象复制的示例：
const obj1 = { a: 1, b: 2 };
const obj2 = Object.assign({}, obj1);
console.log(obj2); // { a: 1, b: 2 }在上面的示例中，我们将空对象作为目标对象，然后将源对象 obj1 的属性复制到这个空对象中。由于 Object.assign() 方法返回的是目标对象，因此 obj2 中就包含了 obj1 的所有属性。
排查错误时需要注意的细节
在使用 Object.assign() 方法时，有一些细节需要注意，否则可能会导致错误的结果。
属性名的类型
Object.assign() 方法只能复制可枚举的属性，对于不可枚举的属性、Symbol类型的属性名，以及继承的属性，是无法复制的。
下面是一个示例，演示了 Object.assign() 方法无法复制不可枚举属性的情况：
-- -------------------- ---- ------- ----- ---- - - -- - -- --------------------------- ---- - ------ -- -- ---- ----------- ----- --- ----- ---- - ----------------- ------ ------------------ -- - -- - -
在上面的示例中，我们定义了一个不可枚举的属性 b，并将它添加到 obj1 中。然而在将 obj1 复制到 obj2 时，b 属性没有被复制。这是因为 Object.assign() 只会复制可枚举的属性。
循环引用
如果源对象中的某个属性的值又是一个对象，而该对象又引用了源对象，那么在复制的过程中就会出现循环引用的情况。这种情况下，Object.assign() 会抛出 TypeError 错误。
下面是一个示例，演示了循环引用时 Object.assign() 抛出错误的情况：
const obj1 = { a: {} };
obj1.a.b = obj1;
const obj2 = Object.assign({}, obj1);
console.log(obj2); // TypeError: Converting circular structure to JSON在上述示例中，我们定义了 obj1.a.b 指向了 obj1，这样就形成了循环引用的情况。在将 obj1 复制到 obj2 时，Object.assign() 就会抛出 TypeError 错误。
为了避免出现循环引用的问题，我们可以使用 JSON.parse() 和 JSON.stringify() 方法来实现对象的复制，因为它们不会处理循环引用的情况。
下面是一个使用 JSON.parse() 和 JSON.stringify() 方法实现对象复制的示例：
const obj1 = { a: {} };
obj1.a.b = obj1;
const obj2 = JSON.parse(JSON.stringify(obj1));
console.log(obj2); // { a: { b: null } }在上面的示例中，我们通过 JSON.stringify() 将 obj1 转换成字符串，再通过 JSON.parse() 方法将字符串转换成对象，这样就实现了对象的复制。由于 JSON.stringify() 和 JSON.parse() 方法不会处理循环引用的情况，因此在复制时就不会出现错误了。
总结
Object.assign() 是一个基本实用的方法，在处理对象属性和方法上非常方便。我们可以通过它来实现对象的复制、合并、属性替换等处理。当使用 Object.assign() 方法时，需要注意属性名的类型、循环引用等特别情况，以避免出现错误结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f3e8dff6b2d6eab3d2292a