关于js里的深拷贝和浅拷贝理解

js里的深拷贝、浅拷贝类型

深拷贝类型:基本数据类型(number   strting  undefind  null  boolean  symbol)

浅拷贝类型:引用数据类型(function  array  object  data)

 1.深拷贝

let a = 1;				
let b = a;				
a = 2;				
console.log(b);   //b=1		

 上面的代码在栈和堆内存中发生的变化:基本数据类型会在栈内存中创建a = 1、因为let b = a,所以在栈内存中再创建b = 1,但是这个步骤是b复制了a的值,所以这时让a=2,只改变了a并没有改变b,所以b还是等于1,所以为深拷贝

2.浅拷贝 


let obj1 = {a:1};
let obj2 = obj1;
obj1.a = 2;
console.log(obj2);  	//{a:2}

 引用数据类型会在堆中创建一个{a:1},栈中会创建一个obj1堆中的内存地址,而创建obj2是复制了obj1堆中的内存地址。所以他们是指向了同一个对象,这时obj1.a = 2,堆中的就等于{a:2}     所以obj2.a也等于2,这是浅拷贝
       

3.总结

浅拷贝只复制栈中某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。但深拷贝会另外创造一个一模一样的对象

简单来讲就是,操作原始对象里的属性,拷贝对象的值没有发生改变就是深拷贝,发生了改变就是浅拷贝             浅拷贝是直接复制原始对象的值

4.怎么让引用数据类型成深拷贝的三个方法

1.使用JSON.parse(JSON.stringify()),优点是:二级以下也可以实现深拷贝,缺点是:函数,正则,undefined无法拷贝

2.Object.assign,优点是:函数,正则,undefined可以拷贝,缺点是:第一级对象是深拷贝,二级以及二级一下对象是浅拷贝

3.关于方法里面还有方法就要通过递归复制了:创建一个方法把原始对象和新对象作为形参传进去,然后根据key来for循环原始对象,判断他里面是否还有对象属性,如果没有就根据key来把属性传进去给新对象,如果还有对象属性那就递归把新对象的对应key位置和对应key位置的原始对象在传进这个方法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值