ES6 中的 Object.assign 方法详解-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常需要对对象进行拷贝、合并、继承等操作。在 ECMAScript 6 中，引入了 Object.assign 方法，可以很方便地完成上述操作。

概述

Object.assign 方法用于将源对象的所有可枚举属性复制到目标对象中。它接受一个或多个源对象和一个目标对象作为参数，并返回目标对象。语法如下：

Object.assign(target, ...sources)

其中，target 表示目标对象，sources 表示一个或多个源对象。如果源对象中有属性名相同的属性，则后面的属性值会覆盖前面的。

我们通过一个示例来说明 Object.assign 方法的使用。

const target = { a: 1 }
const source = { b: 2, c: 3 }
Object.assign(target, source)
console.log(target) // { a: 1, b: 2, c: 3 }

在上面的示例中，我们将 source 中的属性复制到了 target 中，最终打印出来的 target 对象包含了所有属性。

需要注意的是，Object.assign 方法只能进行浅拷贝，也就是说，如果源对象中有引用类型的属性值，那么目标对象中的该属性值只是指向源对象中的属性值的地址。因此，如果修改了源对象中的该属性值，会影响到目标对象中的该属性值。

const obj1 = { a: { b: 1 } }
const obj2 = Object.assign({}, obj1)
obj1.a.b = 2
console.log(obj2.a.b) // 2

在上面的示例中，我们将 obj1 复制到 obj2 中，然后修改了 obj1.a.b 的值。最终打印出来的 obj2.a.b 的值也被修改了，这是因为它们指向了同一个地址。

如果需要进行深拷贝，可以使用其他方法，如 JSON.parse(JSON.stringify(obj))。但需要注意的是，这种方法仅适用于能够被 JSON 序列化的对象，否则会抛出异常。

使用 Object.assign 方法可以简化对象的拷贝、合并、继承等操作，提高代码的可读性和可维护性。但需要注意该方法的局限性，避免出现意外的错误。此外，总结一下 Object.assign 方法的一些使用技巧：

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65aa09daadd4f0e0ff38c953