前言
对象是 JavaScript 编程语言中最基本的数据类型之一，也是前端开发当中最常用的数据类型之一。在 JavaScript 编程中，我们经常需要对对象进行操作和处理。而 ECMAScript 2015 中新增了 Object.assign 方法，它能够方便地帮助我们进行对象的合并和克隆操作，让我们的代码更加简洁、易读、清晰。
Object.assign 方法的介绍
Object.assign 方法是 ECMAScript 2015 中新增的一个静态方法，它用于将一个或多个源对象的属性复制到目标对象上，返回目标对象。它的语法如下：
Object.assign(target, ...sources)
其中，target 表示目标对象，sources 表示一个或多个源对象。如果有多个源对象，它们的属性会依次复制到目标对象中。它的使用非常方便，在日常的开发中经常会使用到。
使用 Object.assign 方法进行对象合并
当我们需要对两个对象进行合并时，可以使用 Object.assign 方法，它会帮助我们合并所有的属性，将它们复制到目标对象中。
下面是一个示例，我们将两个对象 person1 和 person2 合并到一个新的对象 person3 中：
const person1 = { name: 'Tom', age: 18 };
const person2 = { gender: 'male', height: '180cm' };
const person3 = Object.assign({}, person1, person2);
console.log(person3); // { name: 'Tom', age: 18, gender: 'male', height: '180cm' }在上面的代码中，我们使用了 Object.assign 方法将 person1 和 person2 合并到一个新的空对象 {} 中，并将合并后的对象赋值给了 person3。
使用 Object.assign 方法进行深度拷贝
在 JavaScript 中，对象是引用类型，当我们对一个对象的值进行修改时，会同时改变其引用所指向的对象。因此，在实际开发中，我们经常需要对对象进行一次深度拷贝，防止修改原对象时影响到其他的引用。
Object.assign 方法可以非常方便地帮助我们实现对象的深度拷贝。实现方法是先将一个空对象作为目标对象传入 Object.assign 方法，然后再将要拷贝的源对象作为参数传入，这样就会将所有的属性以及它们所对应的值都拷贝到新的对象中。
下面是一个示例，我们先定义一个对象 person，然后将它深度拷贝到一个新的对象 personClone 中：
-- -------------------- ---- -------
----- ------ - -
----- ------
---- ---
-------- -
----- ----------
------- -----------
--
--
----- ----------- - ----------------- --------
---------- - ---
------------------- - -----------
------------------------ -- --
--------------------------------- -- ----------
----------------------------- -- --
-------------------------------------- -- ---------在上面的代码中，我们使用了 Object.assign 方法将 person 深度拷贝到一个新的对象 personClone 中，然后分别修改了 person 和 personClone 中嵌套对象的属性。可以看到，修改 person 中的属性并没有影响到 personClone 中的属性，它们是两个独立的对象。
总结
Object.assign 方法是 ECMAScript 2015 中非常实用的一个新增方法，它能够快速完成对象的合并和克隆等操作，方便我们在日常的编程中进行对象操作。同时，通过 Object.assign 方法，我们也可以轻松实现对象的深度拷贝，保证数据的独立性和安全性。
希望本文能够帮助读者理解 Object.assign 方法的使用，从而提高代码编写的效率和质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cc71055ad90b6d04283caf