Object.assign()的简单运用

Object.assign(target,source),用于合并/复制对象的属性。他接受的是一个对象，如果接受的不是一个对象，他也会将他转化成对象

1.简单的对象连接

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

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

Object.assign({},undefined)  //{}
Object.assign(undefined)    //报错

从上面可以知道如果Object.assign的接受的或者说合并的参数是一个对象的话，无论第一个参数是否指定‘{}’,他返回都是合并后的对象，如果接受的参数不是一个参数，即为undefined时候，如果不指定第一个参数为‘{}’,就会报错。

2.覆盖返回

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

3.对象尽量静态化

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

 因为是浅拷贝，所有一旦对对象里面的属性进行修改，重新得到的值也会随之发生改变

4.覆盖默认属性

const defaultEl={
    name:'闹闹',
    sex:'girl'
}
options={
   name:'new',
   sex:'box'
}
options = Object.assign({},defaultEl,options)
console.log(options) //{name: "new", sex: "box"}

Object.assign方法将defaultEl和options合并成一个新对象，如果两者有同名属性，则option的属性值会覆盖defaultEl的属性值。