object.assign和直接赋值的区别
一、基本用法
1、Object.assign方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target)
const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };
Object.assign(target, source1, source2);
console.log(target); // {a:1, b:2, c:3}
2、Object.assign方法的第一个参数是目标对象,后面的参数都是源对象。
注意,如果目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性。
const target = { a: 1, b: 1 };
const source1 = { b: 2, c: 2 };
const source2 = { c: 3 };
Object.assign(target, source1, source2);
console.log(target) // {a:1, b:2, c:3}
3、如果只有一个参数,Object.assign会直接返回该参数。
const obj = {a: 1};
console.log(Object.assign(obj)); //{a:1}
Object.assign(obj) === obj // true
4、如果该参数不是对象,则会先转成对象,然后返回。
console.log(Object.assgin(2));//{2}
typeof Object.assign(2) // "object"
5、由于undefined和null无法转成对象,所以如果它们作为参数,就会报错。
Object.assign(undefined) // 报错 Object.assign(null) // 报错
6、如果非对象参数出现在源对象的位置(即非首参数),那么处理规则有所不同。首先,这些参数都会转成对象,如果无法转成对象,就会跳过。这意味着,如果undefined和null不在首参数,就不会报错。
let obj = {a: 1};
console.log(Object.assign(obj, undefined));
console.log(Object.assign(obj, null));
暂时总结这么多,详细见https://www.cnblogs.com/agressor/p/12965835.html(侵删)

浙公网安备 33010602011771号