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}
  1. 由于undefined和null无法转成对象,所以如果它们作为参数或首参,就会报错。
Object.assign(undefined) // 报错
Object.assign(null) // 报错
  1. 如果非对象参数出现在源对象的位置(即非首参数),那么处理规则有所不同。首先,这些参数都会转成对象,如果无法转成对象,就会跳过。这意味着,如果undefined和null不在首参数,就不会报错。
let obj = {a: 1};
Object.assign(obj, undefined) === obj // true
Object.assign(obj, null) === obj // true
  1. 其他类型的值(即数值、字符串和布尔值)不在首参数,也不会报错。但是,除了字符串会以数组形式,拷贝入目标对象,其他值都不会产生效果。因为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浏览器对这个方法兼容性不好

posted @ 2019-12-09 11:41  ellenxx  阅读(124)  评论(0编辑  收藏  举报