Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。
它将返回目标对象。
const target = { a: 1, b: 2 };
const source = { b: 4, c: 5 };
// Object.assign()第一个参数是目标对象,后面的参数都是源对象
const returnedTarget = Object.assign(target, source);
// 如果目标对象中的属性和源对象的属性相同,目标对象的属性会被源对象的属性覆盖.
console.log(target);
// Object { a: 1, b: 4, c: 5 } 注意目标对象自身也会改变。
console.log(returnedTarget);
// Object { a: 1, b: 4, c: 5 }
继承属性和不可枚举属性是不能拷贝的
const obj = Object.create({foo: 1}, { // foo 是个继承属性。
bar: {
value: 2 // bar 是个不可枚举属性。
},
baz: {
value: 3,
enumerable: true // baz 是个自身可枚举属性。
}
});
const copy = Object.assign({}, obj);
console.log(copy); // { baz: 3 }
原始类型会被包装成对象
const v2 = '是否';
const obj = Object.assign({}, null, v2, undefined, 10, Symbol("foo"));
// 原始类型会被包装成对象,null 和 undefined 会被忽略。
// 注意,只有字符串的包装对象才可能有自身可枚举属性。
console.log(obj); // { "0": "a", "1": "b", "2": "c" }
如果目标对象是null或undefined会报错.
const v2 = { age: 18 };
const obj1 = Object.assign(undefined, v2);
const obj2 = Object.assign(undefined, v2);
console.log(obj1);
console.log(obj2);
// 这两种情况会报错: "TypeError: Cannot convert undefined or null to object"
不能将undefined或null转换为对象"
console.log(Object.assign([1, 2, 3], [4, 5])) // [4,5,3]
是不是从来没有用assign方法合并过数组?assign方法可以用于处理数组,不过会把数组视为对象,比如这里会把目标数组视为是属性为0、1、2的对象,所以源数组的0、1属性的值覆盖了目标对象的值。