栈内存(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", "略略略", "嘻嘻嘻"]