Javascript Object的冷门函数assign

Posted 2020-09-23 split

Object函数提供了一个叫做assign的函数，用来合并多个对象。

Object.assign(...)；

你可以传递多个对象给该函数，这些对象中的自有且可枚举的属性，会被拷贝给第一个对象。

var a={name:‘jack‘};
var b={age:10};
Object.assign(a,b);
console.log(a) // ‘Object {name: "jack", age: 10}‘

该方法会修改传入的第一个对象，所以要小心这种改变，由于，函数会在最后return这第一个对象，

你可以传一个{}，作为函数的第一个实参，这样剩下对象的自有且可枚举的属性，会被拷贝到这个空对象中并返回这个对象，这样可以避免不需要的修改。

var a={name:‘jack‘};
var b={age:10};
var c=Object.assign({},a,b);
console.log(c) //  ‘Object {name: "jack", age: 10}‘

对于重复出现的属性，会被相对于右边的值覆盖，因为该函数是从左到右操作参数的。

所以，实参的顺序会影响到最终的结果。

var a={name:‘jack‘};
var b={name:10};
Object.assign(a,b);
console.log(a); // ‘Object {name: 10}‘

当某一个对象中，存在一个只读属性，而接下来的对象里，也存在一个同名的属性时，就会产生一个TypeError

Cannot assign to read only property ‘属性名‘ of object ‘#<Object>‘

var a={name:‘jack‘};
Object.defineProperty(a,‘name‘,{writable:false});//设置为只读
var b={name:10};
Object.assign(a,b);//报错

虽然产生了错误，但并不意味着所有的拷贝都失败，已经拷贝成功的属性不会受到影响，还未拷贝的属性不会再被拷贝。