js浅拷贝---Object.assign

最新推荐文章于 2024-01-30 11:26:05 发布

ZNYSBX

最新推荐文章于 2024-01-30 11:26:05 发布

阅读量290

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/znysbx/article/details/126690057

版权

本文详细介绍了JavaScript中的Object.assign方法，包括其用于合并对象的用途、属性覆盖规则、处理null和undefined的情况，以及浅拷贝特性。示例展示了如何使用Object.assign复制和合并对象，特别提到了数组处理和同名属性的替换行为。此外，还讨论了当只有一个参数时Object.assign的行为。

摘要由CSDN通过智能技术生成

Object.assign(obj1, obj2, ···)

用于将源对象的所有可枚举属性复制到目标对象中。

基本用法:

let object1 = {a: 1};
let object2 = {b: 2};
let object3 = {c: 3};
Object.assign(object1,object2,object3);  
// 第一个参数是目标对象，后面的参数是源对象
object1;  // {a: 1, b: 2, c: 3}

如果目标对象和源对象有同名属性，或者多个源对象有同名属性，则后面的属性会覆盖前面的属性。

let user = {name:"user"}
let zhangSan = {name:"张三", age:20}
Object.assign(user,zhangSan)
// user 和 zhangSan 都有 name 属性
user; // {name: '张三', age: 20}

如果该函数只有一个参数，当参数为对象时，直接返回该对象；当参数不是对象时，会先将参数转为对象然后返回。

Object.assign(88);   
// Number {88}
typeof Object.assign(88);
// 'object'

因为 null 和 undefined 不能转化为对象，所以会报错:

Object.assign(null);       
// TypeError: Cannot convert undefined or null to object
Object.assign(undefined);  
// TypeError: Cannot convert undefined or null to object

Object.assign(undefined,{a: 1});  
// TypeError: Cannot convert undefined or null to object

当参数不止一个时，null 和 undefined 不放第一个，即不为目标对象时，会跳过 null 和 undefined ，不报错:

Object.assign(88,undefined); 
// Number {88} 
Object.assign({a: 88},null); 
// {a: 88}

注意:

assign 的属性拷贝是浅拷贝:

let Obj1 = {c: 2};
let Obj2 = { a: { b: 1}};

Object.assign(Obj1, Obj2);
Obj1.a.b = 3;
Obj2.a.b;  // 3

同名属性会被替换:

let Obj1 = { zhangSan: { name: 1, age:20}};
let Obj2 = { zhangSan: { name: "张三"}};


Object.assign(Obj1, Obj2);
Obj1;  //  {zhangSan: {zhangSan: {name: '张三'}}

数组的处理

Object.assign([0,1], [2]);  // [2,1]
/** 
    会将数组处理成对象，
    所以先将 [0,1] 转为 {0:0,1:1} ，
    然后再进行属性复制，所以源对象的 0 号属性覆盖了目标对象的 0。
*/

这篇文章就到这里, 如果有什么不对的地方, 欢迎路过的大神评论.