在 ES6 中，Object.assign()是一个非常有用的方法，它可以把源对象的所有可枚举属性复制到目标对象上。在前端开发中，我们通常使用这个方法来处理对象的合并、拷贝以及对属性的赋值等。
基本用法
Object.assign() 接受一个目标对象和一个或多个源对象作为参数，并将后面的源对象中的属性一一复制到目标对象上。源对象的属性会覆盖目标对象中同名的属性。
下面是一段基本使用的示例代码：
let target = { a: 1, b: 2 }; let source = { b: 4, c: 5 }; Object.assign(target, source); console.log(target); // { a: 1, b: 4, c: 5 }
在这个示例代码中，我们创建了一个目标对象 target和一个源对象 source，并把 source 中的属性复制到了 target中。由于 source 中有一个 b 属性，它覆盖了 target 中的 b 属性的值。
合并对象
使用 Object.assign()方法进行对象合并是一个常用的场景。 我们可以传入一个空对象作为第一个参数，将多个对象的属性合并到这个空对象中，来生成一个新的对象。
let objectA = { a: 1 }; let objectB = { b: 2 }; let objectC = { c: 3 }; let result = Object.assign({}, objectA, objectB, objectC); console.log(result); // { a: 1, b: 2, c: 3 }
这里我们定义了三个对象 objectA，objectB和 objectC，然后我们可以通过 Object.assign() 把它们合并到一个新的空对象中，得到 result。result包含了所有对象的属性。
修改对象属性
我们还可以使用 Object.assign() 方法，来改变对象的属性。
let objectA = { a: 1, b: 2 }; let objectB = { b: 4, c: 5 }; Object.assign(objectA, objectB); console.log(objectA); // { a: 1, b: 4, c: 5 }
在这个示例中，我们修改了对象 objectA 的 b 属性，通过 Object.assign() 方法，它的值被改为了 4。
拷贝对象
当我们需要对对象进行拷贝的时候，我们可以使用 Object.assign() 方法，来实现浅拷贝。
let source = { a: { b: 1 } }; let target = Object.assign({}, source); console.log(target);
在这个示例中，我们创建了一个对象 source，它包含一个名为 a 的属性，它是另一个嵌套的对象。然后我们使用 Object.assign() 方法，把 source 复制到一个新的空对象 target 中，得到了一个新的对象。由于 Object.assign() 方法是浅拷贝，所以 a 对象在 source 和 target 中是共享的，如果我们修改了其中的一个对象的属性，那么另一个对象中的相应属性也会被修改。
Object.assign() 方法存在的问题
Object.assign() 方法虽然在开发中非常方便，但是它存在一些问题。由于它是浅拷贝，它只复制了对象的属性，没有复制对象的方法，所以在复制包含函数的对象时，会出现问题。
-- -------------------- ---- ------- --- ---- - - -- -- -- -- -- - ----------------- -- - ----------- - -- --- ---- - ----------------- ------ -------------------- -- - --------- -- ---------- ------ -- --- - --------展开代码
在这个例子中，由于 Object.assign() 只是复制了对象的属性，属性中包含的函数并没有进行复制，所以在拷贝完成之后，属性中的函数就失效了。
我们可以使用其他的技巧，如 JSON 序列化和反序列化来解决这个问题，但是这样做会使代码过于复杂和低效。为了避免这个问题，我们可以使用其他方法，如 lodash.cloneDeep()。
总结
在 ES6 中，Object.assign() 方法是一个非常有用的工具，它可以合并、拷贝和复制对象。但是它存在的问题，如只能进行浅拷贝，且不能正确复制函数等问题。在实际开发中，我们需要了解它的使用技巧，并根据具体的需求灵活使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65001e1795b1f8cacde51a78
