深拷贝浅拷贝(栈、堆)

栈内存(stack)中存放基本数据类型(Undefined、Null、Boolean、Number 、 String),变量与值都存于栈中

堆内存(heap)中存放其他类型即引用数据类型(object、array、function等),引用类型变量存于栈内,值新开辟一个空间存在堆中,栈中存储的是一个地址指针,这个指针指向堆内的值
如图:
a、c、d、e 为基本数据类型
b 为引用数据类型
在这里插入图片描述

浅拷贝:拷贝后的基本数据类型不受影响,引用数据类型共享同一块内存;简单来说,拷贝的是地址,不是数据。拷贝的深度不够

	//简单的例子:
	var arr1 = [1,2,3,4]//引用类型
	var arr2 = arr1//引用类型,赋给arr2的其实是arr1栈中的地址指针。arr2中的指针与arr1的指针指向同一区域的obj
	var strs = arr1[2]//基本类型,变量和值都存于栈中
	
	console.log(arr2)//[1,2,3,4]
	arr2[1] = 88
	strs = 99//改变基本类型
	console.log(arr2)//[1,88,3,4]
	console.log(arr1)//[1,88,3,4]

深拷贝:从堆内存中开辟了一个新区域存放对象,堆对象中的子对象进行递归拷贝,拷贝前后的两个对象互不影响;

	//深拷贝就是把父对象拷贝到子对象,两者内存互不关联=
	var arr1 = [1,2,3,4]//引用类型。
	var arr2 = []
	for( let i = 0 ; i < arr1.length ; i++ ){
		arr2[i] = arr1[i]
	}
	console.log(arr2)//[1,2,3,4]
	arr2[1] = 88
	console.log(arr2)//[1,88,3,4]
	console.log(arr1)//[1,2,3,4]
	
	//父对象有多级就递归遍历浅拷贝
	var pas = {
		id:'1',
		name:'wlj',
		page: new Array('biubiu','略略略','嘻嘻嘻')
	}
	var p2= {};
	for(let key in pas){
		if(typeof pas[key]=='object'){
			p2[key]=[];
			for(let i in pas[key]){
				p2[key][i] = pas[key][i]
			}
		}else{
			p2[key] = pas[key];
		}
	}
	p2.name = "王林洁"
	p2.page[0] ="程半仙";
	console.log(p2);//name: "王林洁"  ["程半仙", "略略略", "嘻嘻嘻"]
	console.log(pas);//name: "wlj"   ["biubiu", "略略略", "嘻嘻嘻"]
	
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值