基本用法
- Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象
- 简单理解为对象属性的合并
Object.assign(target, ...sources);
- Object.assign()方法的第一个参数是目标对象,后面的参数都是源对象
- 如果源对象是非对象参数,那么,这些参数都会先转成对象,如果无法转成对象,就会跳过。
- 如果源对象为
字符串
,则会产生可枚举的实义属性,以字符数组
的形式合入目标对象 - 如果源对象为布尔值或数值,则会被忽略,不会被合入目标对象中
- 如果源对象为
const v1 = 'abc';
const v2 = true;
const v3 = 10;
const obj = Object.assign({}, v1, v2, v3);
console.log(obj); // { "0": "a", "1": "b", "2": "c" }
- Object.assign()拷贝的属性是有限制的,只拷贝源对象的自身属性(不拷贝继承属性),也不拷贝不可枚举的属性(enumerable: false)
注意点
1. 浅拷贝
Object.assign方法实行的是浅拷贝,而不是深拷贝
- 也就是说,如果源对象某个属性的值是对象,那么目标对象拷贝得到的是这个对象的引用
- 被拷贝对象的任何变化,都会反映到目标对象上面。
const obj1 = {a: {b: 1}};
const obj2 = Object.assign({}, obj1);
obj1.a.b = 2;
obj2.a.b // 2
2. 同名属性的替换
一旦遇到同名属性,Object.assign()的处理方法是替换,而不是添加
3. 数组的处理
Object.assign()可以用来处理数组,但是会把数组视为对象
Object.assign([1, 2, 3], [4, 5])
// [4, 5, 3]
上面代码中,Object.assign把数组视为属性名为 0、1、2 的对象,因此源数组的 0 号属性4覆盖了目标数组的 0 号属性1