ES6 中的 Object.assign() 是一个用于将一个或多个源对象的属性复制到目标对象的方法。
语法:
Object.assign(target, ...sources)
其中,target 是目标对象,sources 是一个或多个源对象。它会将源对象的可枚举属性(包括继承的属性)复制到目标对象中,并返回目标对象。
用法:
const target = { a: 1, b: 2 };
const source = { b: 3, c: 4 };
const result = Object.assign(target, source);
console.log(result); // { a: 1, b: 3, c: 4 }
console.log(target); // { a: 1, b: 3, c: 4 }
在上面的示例中,我们有一个目标对象 target 和一个源对象 source。通过 Object.assign() 方法,我们将 source 对象的属性复制到 target 对象中。结果是 target 对象被修改,它现在具有来自 source 对象的属性。
注意:Object.assign() 方法会修改目标对象(第一个参数),并返回目标对象。如果目标对象和源对象具有相同的属性,则源对象的属性值会覆盖目标对象的属性值。
特点:
- 它只会复制源对象自身的可枚举属性,不会复制继承的属性。
- 它会忽略源对象中的 null 和 undefined 值。
- 如果目标对象是 null 或 undefined,则会抛出错误。
注意:Object.assign() 方法执行的是浅拷贝,即如果源对象的属性值是对象或数组,则复制的是引用而不是创建新的对象或数组。如果需要进行深拷贝,可以使用其他的方法或库来实现。
Object.assign() 方法不会修改源对象的属性值
Object.assign() 方法不会修改源对象的属性值。它只会将源对象的属性复制到目标对象中,而不会对源对象本身进行修改。
在使用 Object.assign() 方法时,目标对象的属性可能会被源对象的属性覆盖,但源对象的属性值不会发生改变。
下面是一个示例来说明这一点:
const target = { a: 1, b: 2 };
const source = { b: 3, c: 4 };
const result = Object.assign(target, source);
console.log(result); // { a: 1, b: 3, c: 4 }
console.log(target); // { a: 1, b: 3, c: 4 }
console.log(source); // { b: 3, c: 4 }
在上面的示例中,目标对象 target 和源对象 source 都保持不变。调用 Object.assign(target, source) 后,返回的结果是目标对象 target,它被修改以包含源对象 source 的属性。而源对象 source 本身的属性值保持不变。
需要注意的是,如果源对象的属性值是对象或数组,那么在目标对象中复制的是该属性的引用。这意味着如果修改目标对象中的该属性值,源对象中的对应属性值也会受到影响,因为它们引用的是同一个对象或数组。这是因为 Object.assign() 是浅拷贝,只复制了属性的引用而不是创建新的对象或数组。