object.assign笔记

基本用法

object.assign()：方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target,然后返回目标对象，如果参数不是对象，则会转为对象，然后返回。有两个参数，第一个是目标对象，第二个是源对象。

const target = { a: 1 };

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

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

1. 如果目标对象与源对象有多个同名属性，那么源对象的会覆盖目标对象的属性，后面的源对象属性会覆盖前面的源对象属性。

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

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

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

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

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

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

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

4. 其他类型的值（即数值、字符串和布尔值）不在首参数，也不会报错。但是，除了字符串会以数组形式，拷贝入目标对象，其他值都不会产生效果。因为Object.assign拷贝的属性是有限制的，只拷贝源对象的自身属性（不拷贝继承属性），也不拷贝不可枚举的属性（enumerable: false）。这是因为只有字符串的包装对象，会产生可枚举属性。

注意

1. 浅拷贝
   Object.assign方法实行的是浅拷贝，而不是深拷贝。也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝得到的是这个对象的引用。所以源对象的改变都会反映到目标对象上面，目标对象改变源对象也会改变

2. 数组的处理

Object.assign可以用来处理数组，但是会把数组视为对象。

Object.assign([1, 2, 3], [4, 5])
// [4, 5, 3]

上面代码中，Object.assign把数组视为属性名为 0、1、2 的对象，因此源数组的 0 号属性4覆盖了目标数组的 0 号属性1。
3. 如果出现异常，后续的拷贝不会执行
4. IE浏览器对这个方法兼容性不好