ES6 - 对象扩展 - Object.assign

基本用法

Object.assign()方法用于将源对象（source）的所有可枚举属性复制到目标对象（target）。

var target = { a: 1 };

var source1 = { b: 2 };
var source2 = { c: 3 };

Object.assign(target, source1, source2)
target // { a:1, b:2, c:3 }

Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。

注意：如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。

var target = { a: 1, b: 1 };

var source1 = { b: 2, c: 2 };
var source2 = { c: 3 };

Object.assign(target, source1, source2);
target // { a:1, b:2, c:3 } 

如果只有一个参数，Object.assign会直接返回该参数。

var obj = { a: 1 };
Object.assign(obj) === obj // true

如果该参数不是对象，则会先转成对象，然后返回。

typeof Object.assign(2) // "object"

由于undefined和null无法转成对象，所以如果将它们作为参数，就会报错。

Object.assign(undefined) // 报错
Object.assign(null) // 报错

如果非对象参数出现在源对象的位置（即非首参数），那么处理规则将有所不同。首先，这些参数都会转成对象，如果无法转成对象则会跳过。这意味着，如果undefined和null不在首参数便不会报错。

let obj = { a: 1 };
Object.assign(obj, undefined) === obj // true
Object.assign(obj, null) === obj // true

其他类型的值（即数值、字符串和布尔值）不在首参数也不会报错。但是，除了字符串会以数组的形式复制到目标对象，其他值都不会产生效果。

var v1 = 'abc',
var v2 = 'true',
var v3 = 10;
var obj = Object.assign({}, v1, v2, v3);
console.log(obj); // {"0": "a", "1": "b", "2": "c"}

上面的代码中，v1、v2、v3分别是字符串、布尔值和数值，结果只有字符串合入目标对象（以字符数组的形式），数值和布尔值都会被忽略。这是因为只有字符串的包装对象会产生可枚举属性。