深拷贝与浅拷贝

前提
js中根据存储方式的不同,将数据分为两大类,一类是基本数据类型,另一类是引用数据类型,基本数据类型存储在栈中,而引用数据类型在栈中存储的是指向堆内存的地址.

let arr=[1,3,5]
let arr1=arr   //把arr的地址值给arr1,那么arr1和arr指向堆内存的地址是一样的,修改任意arr或者arr1,就是将对应地址中的内容修改了,和这个情况类似,还有函数和对象和其引用数据类型
arr[1]=10
console.log(arr1[1])  //得到的值也是10

浅拷贝就是进行赋值操作,将地址给另外一个复杂数据类型,赋值后,其中一个的数据修改后,另一个也会跟着修改
深拷贝,则是新的数据只是取到了之前数据的值,没有取到他的地址,修改新数据,不会影响之前的数据,修改之前的数据,也不会影响新的数据

//浅拷贝
let arr=[1,4,5,{name:'wsy'}]
let arr1=arr
arr1[3].age=20
//这时候arr[3].age也是20

//深拷贝  只是取值
let arr=[1,4,5,{name:'wsy'}]
//错误示范:
let arr1=[]
for(let item of arr){
	arr1.push(item)//执行到item={name:'wsy'}的时候,就是将{name:'wsy'}的地址值给了arr1[3],这里仍然是浅拷贝,所有如果引用数据内部仍然有引用数据类型,这种方式进行深拷贝,就不会成功
}

//写一个深拷贝的方法
function deepClone(obj){
	let objClone=Array.isArray(obj)?[]:{}  //判断传参是数组还是对象,写的不够全面,这里只考虑了数组和对象的情况
	if(obj&&type of obj==='object'){
		for(let key in obj){
			if(obj[key]&&type of key==='object'){
				objClone[key]=deepClone(obj[key])
			}else{
				objClone[key]=obj[key]
			}
		}
	}
	return objClone;
}
let arr2=deepClone(arr)
//通过递归,遍历到嵌套引用数据类型里面的每一个数据,对基本数据进行赋值操作,只复制值,复制完毕后,新数据的地址和之前的数据的地址,是完完全全不同的.