javascript|ES6中Object.assign() 方法 javascript|JavaScript

【javascript|ES6中Object.assign() 方法】1. 对象合并
Object.assign 方法用于对象的合并，将源对象(source)的所有可枚举属性，复制到目标对象上。
如下代码演示：

var target = {a: 0}; var source1 = {b: 1}; var source2 = {c: 2}; Object.assign(target, source1, source2); console.log(target); // 输出 {a: 0, b: 1, c: 2}

1-1 如果目标对象与源对象有同名属性，或多个源对象有同名属性，则后面的属性会覆盖前面的属性。
如下代码：

var target = {a: 0, b: 1}; var source1 = {a:1, b: 2, c:3}; var source2 = {c:5}; Object.assign(target, source1, source2); console.log(target); // 输出 {a: 1, b: 2, c: 5}

1-2 如果只有一个target(目标对象)，Object.assign会直接返回该对象，如下代码：

var o = {a: 0}; Object.assign(o); console.log(o); // {a: 0}

1-3 如果该参数不是对象，则会先转成对象，然后返回。
先是这样的，正常的返回是number类型。

var a = 1; Object.assign(a); console.log(a); // 1 console.log(typeof a); // number

然后直接判断类型，返回的是object类型

console.log(typeof Object.assign(2)) // object

1-4 对于null, undefined 来说无法转换成Object，就会在控制台下报错，如下代码：

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

1-5 对象合并，如果源对象是null的话或者是undefined的话，那么对象合并的时候不会报错，直接会跳过该对象的合并，直接返回目标对象。
如下代码：

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

1-6 如果是数值，布尔型，和字符串合并对象的话，都不会报错，但是字符串会以数组的形式表现。
先看数值合并对象如下代码：

var obj = {a: 1}; console.log(Object.assign(obj, 12) === obj); // true console.log(obj); // {a: 1} 布尔型合并对象如下代码：var obj = {a: 1}; console.log(Object.assign(obj, true) === obj); // true console.log(obj); // {a: 1} 字符串合并对象如下代码：var obj = {a: 1}; console.log(Object.assign(obj, "bcd") === obj); // true console.log(obj); // {0: 'b', 1: 'c', 2: 'd', a: 1} 如上代码，只有字符串和对象合并，这是因为只有字符串有包装对象，会产生可枚举类型属性。比如如下代码：console.log(Object('bcd')); // {0: "b", 1: "c", 2: "d", length: 3, [[PrimitiveValue]]: "bcd"} console.log(Object(1111)); // {[[PrimitiveValue]]: 1111} console.log(Object(true)); // {[[PrimitiveValue]]: true}