当前位置:   article > 正文

深拷贝与浅拷贝的区别以及Object.assign()用法_阐述object.assign的用法,深拷贝与浅拷贝的区别?

阐述object.assign的用法,深拷贝与浅拷贝的区别?

    深拷贝:是指源对象与拷贝对象互相独立,其中任何一个对象的改动都不会对另外一个对象造成影响,不共用一块空间。

    浅拷贝:拷贝出来的目标对象的指针和源对象的指针指向的内存空间是同一块空间,浅拷贝只是一种简单的拷贝,让几个对象公用一个内存,然而当内存销毁的时候,指向这个内存空间的所有指针需要重新定义,不然会造成野指针错误。(拷贝的如果属性是基本类型,拷贝的就是基本类型的值;如果属性是内存地址(引用类型),拷贝的就是内存地址 ,因此如果其中一个对象改变了这个地址,就会影响到另一个对象。)

语法:Object.assign(target,...sources)  

          Object.assign(源对象,...目标对象) 

关于Object.assign()是浅拷贝还是深拷贝呢?

答案是:Object.assign(),拷贝第一层属性是深拷贝,拷贝第一层以下的级别属性浅拷贝 。

举例说明:

  1. // 浅拷贝
  2. let person = {key : {age: '15'}}
  3. let res = Object.assign({},person)
  4. person.key.age = 5
  5. console.log(person,res)

结果:

  1. // 深拷贝
  2. let person = {key : {name : '10'}}
  3. let res = Object.assign({},person)
  4. person.key = 18
  5. console.log(person,res)

结果:

注意:
1、源对象属性与目标对象属性不同,则会被拷贝到目标对象中;
2、如果目标对象和源对象有相同的属性,目标对象的属性值会被源对象的属性值覆盖掉;
3、如果有多个源对象有相同的属性,那么目标对象的属性将会被最后一个源对象属性覆盖。

举例说明:

  1. const target = { a: 1, b: 2 };
  2. const source1 = { b: 4, c: 5 };
  3. const source2 = { b: 6, c: 7 };
  4. const res = Object.assign(target,source1,source2);
  5. console.log(res);

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/68216
推荐阅读
相关标签
  

闽ICP备14008679号