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、由于undefinednull无法转成对象,所以如果它们作为参数,就会报错。

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

6、如果非对象参数出现在源对象的位置(即非首参数),那么处理规则有所不同。首先,这些参数都会转成对象,如果无法转成对象,就会跳过。这意味着,如果undefinednull不在首参数,就不会报错。

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

暂时总结这么多,详细见https://www.cnblogs.com/agressor/p/12965835.html(侵删)

posted @ 2021-03-17 14:59  sct春天  阅读(613)  评论(0)    收藏  举报