在 JavaScript 中，对象是一种非常重要的数据类型，而对象融合也是一种非常常见的操作。在 ES7 中，新增了一个对象融合的方法 Object.assign，本文将详细介绍这个方法的使用及其意义。
Object.assign 的使用
Object.assign 方法可以将一个或多个源对象的属性复制到目标对象中。其语法如下：
Object.assign(target, ...sources)
其中，target 是目标对象，sources 是源对象，可以传入多个源对象。该方法会将所有源对象的可枚举属性复制到目标对象中。如果目标对象中已经存在相同的属性，则会覆盖掉原有属性。
示例代码如下：
const target = { a: 1, b: 2 };
const source1 = { b: 3, c: 4 };
const source2 = { c: 5, d: 6 };
const result = Object.assign(target, source1, source2);
console.log(result); // { a: 1, b: 3, c: 5, d: 6 }
console.log(target); // { a: 1, b: 3, c: 5, d: 6 }Object.assign 的意义
Object.assign 方法的意义在于可以简化对象融合的操作，并且提高了代码的可读性和可维护性。在 ES6 之前，我们通常使用 for...in 循环来实现对象融合，但是这种方式存在一些问题，例如：
- 如果源对象中有不需要复制的属性，我们需要在循环中进行判断，增加了代码的复杂度。
- for...in 循环只能遍历可枚举属性，无法复制不可枚举属性和 Symbol 类型的属性。
- for...in 循环无法正确处理 getters 和 setters。
而使用 Object.assign 方法，我们可以避免上述问题，使代码更加简洁和易于维护。
Object.assign 的注意事项
在使用 Object.assign 方法时，需要注意以下几点：
- Object.assign 方法是浅拷贝。如果源对象中的属性值是对象或数组等复杂数据类型，那么目标对象中的属性值只是指向源对象中的相应属性值的引用。因此，如果修改了目标对象中的属性值，那么源对象中的相应属性值也会被修改。
示例代码如下：
const obj1 = { a: { b: 1 } };
const obj2 = Object.assign({}, obj1);
obj2.a.b = 2;
console.log(obj1); // { a: { b: 2 } }
console.log(obj2); // { a: { b: 2 } }- Object.assign 方法只能复制可枚举属性。如果源对象中的属性是不可枚举的，那么不会被复制到目标对象中。
示例代码如下：
// javascriptcn.com 代码示例
const obj1 = {};
Object.defineProperty(obj1, 'a', {
value: 1,
enumerable: false,
});
const obj2 = Object.assign({}, obj1);
console.log(obj1); // { a: 1 }
console.log(obj2); // {}- Object.assign 方法不能正确处理 getters 和 setters。如果源对象中的属性是通过 getter 或 setter 定义的，那么复制到目标对象中的只是属性值，而不是 getter 或 setter。
示例代码如下：
// javascriptcn.com 代码示例
const obj1 = {
get a() {
return 1;
},
};
const obj2 = Object.assign({}, obj1);
console.log(obj1.a); // 1
console.log(obj2.a); // undefined总结
Object.assign 方法是 ES7 中新增的一个对象融合方法，可以将一个或多个源对象的属性复制到目标对象中。使用该方法可以简化对象融合的操作，提高代码的可读性和可维护性。在使用 Object.assign 方法时，需要注意浅拷贝、可枚举属性和 getters/setters 等问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6572c284d2f5e1655dbb8775