随着 web 技术的快速发展，前端开发人员也需要不断学习新的技术来提高自己的能力。ES6 是一个非常重要的版本，它引入了很多新的特性来提高 JavaScript 的灵活性和可读性。其中，Object.assign 方法就是一个非常实用的新特性，在前端开发中经常会被用到。
Object.assign 方法简介
Object.assign 方法被用来将多个源对象的属性赋值给目标对象。它的基本语法如下：
Object.assign(target, ...sources);
其中，target 是目标对象，sources 是源对象，可以为一个或多个。如果有多个源对象，它们的属性会依次覆盖之前的属性。返回值是目标对象。如果目标对象为空，那么它会创建一个空对象作为目标对象。需要注意的是，这个方法会把属性拷贝到目标对象中，而不是合并或者合并所有对象，因此如果属性名称存在即使值为 null 或 undefined，也会覆盖目标对象的同名属性。
Object.assign 方法的适用场景
Object.assign 方法可以用于很多场景中，比如：
- 合并对象的属性：将多个对象的属性合并成一个对象，方便使用和管理。
- 克隆对象：通过 Object.assign 方法将一个对象的属性复制给另一个对象，达到克隆的效果。
- 给对象添加属性：可以使用 Object.assign 方法为一个已有的对象添加新的属性。
- 给对象修改属性：可以使用 Object.assign 方法修改一个已有对象的属性。
Object.assign 方法的示例代码
下面是 Object.assign 方法的一些示例代码：
示例 1：合并对象的属性
-- -------------------- ---- ------- ----- ---- - - ---- -- ---- - -- ----- ---- - - ---- - -- ----- ---- - ----------------- ----- ------ ------------------ -- - ---- -- ---- -- ---- - -
示例 2：克隆对象
const obj1 = {
foo: 1,
bar: 2
};
const obj2 = Object.assign({}, obj1);
console.log(obj2); // { foo: 1, bar: 2 }示例 3：给对象添加属性
const obj1 = {
foo: 1,
bar: 2
};
Object.assign(obj1, {baz: 3});
console.log(obj1); // { foo: 1, bar: 2, baz: 3 }示例 4：给对象修改属性
const obj1 = {
foo: 1,
bar: 2
};
Object.assign(obj1, {foo: 2});
console.log(obj1); // { foo: 2, bar: 2 }总结
Object.assign 方法是一个非常实用的新特性，在前端开发中经常会被用到。它可以用于合并对象的属性、克隆对象、给对象添加属性和修改对象属性。需要注意的是，这个方法会把属性拷贝到目标对象中，而不是合并或者合并所有对象，因此如果属性名称存在即使值为 null 或 undefined，也会覆盖目标对象的同名属性。因此，在使用 Object.assign 方法的时候，需要注意检查目标对象中是否已经存在同名属性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fb535ef6b2d6eab31dc51e