js浅拷贝---Object.assign

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。
  */ 

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