随着JavaScript的不断发展，新的语法和API也不断涌现。ES6中引入了很多有用的特性，而Object.assign()方法就是其中之一。在这篇文章中，我们将深入探讨此方法的用法和意义。
简介
Object.assign()方法是ES6中Object类的一个方法，可以将一个或多个源对象的属性复制到目标对象中。它的语法如下：
Object.assign(target, ...sources)
其中：
target是目标对象。sources是一个或多个源对象，其属性将被复制到目标对象中。
用途
Object.assign()方法的主要用途是对象合并。它可以将多个对象合并为一个对象。例如：
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3 };
const obj3 = { d: 4 };
const mergedObj = Object.assign({}, obj1, obj2, obj3);
console.log(mergedObj); // { a: 1, b: 2, c: 3, d: 4 }在上面的代码中，我们将多个对象合并为一个对象并输出结果。
我们还可以使用Object.assign()方法将一个对象的属性复制到另一个对象中。例如：
const obj1 = { a: 1, b: 2 };
const obj2 = {};
Object.assign(obj2, obj1);
console.log(obj2); // { a: 1, b: 2 }注意事项
需要注意的是，Object.assign()方法只会复制源对象的可枚举属性，并且它不会递归复制嵌套的对象。例如：
const obj1 = { a: 1, b: { c: 2 } };
const obj2 = {};
Object.assign(obj2, obj1);
console.log(obj2); // { a: 1, b: { c: 2 } }在上面的代码中，我们将一个对象赋值给另一个对象并输出结果。可以看到，源对象的嵌套对象b并没有被复制到目标对象中。
深拷贝 vs 浅拷贝
由于Object.assign()方法不会递归复制嵌套的对象，因此它被称为浅拷贝。如果我们需要实现深拷贝，可以使用其他方法，如lodash中的_.cloneDeep()方法。
示例代码
以下是一个使用Object.assign()方法的示例代码，演示了如何使用它合并或复制对象：
-- -------------------- ---- ------- -- ---- ----- - - - -- -- -- - -- ----- - - - -- -- -- - -- ----- - - ----------------- -- --- --------------- -- - -- -- -- -- -- - - -- ---- ----- --- - - -- -- -- - -- ----- ------- - ----------------- ----- --------------------- -- - -- -- -- - -
在上面的代码中，我们创建了一个用于合并和复制对象的示例。可以看到，我们可以使用Object.assign()方法将多个对象合并为一个对象，或者将一个对象的属性复制到另一个对象中。
结论
Object.assign()方法是一个强大和有用的API，可以将多个对象合并为一个对象，或者将一个对象的属性复制到另一个对象中。虽然它只能执行浅拷贝，但它仍然是一个对于开发者非常有用的工具。尽管要小心使用，应该了解其限制和注意事项，以避免未预期的结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674bd80ed657e1f70dc12a46
