如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,如果B没变,那就是深拷贝。
浅拷贝列子:
let a=[0,1,2,3,4],
b=a;
console.log(a==b);
a[0]=1;
console.log(a,b);
b复制了a,修改数组a,数组b也就跟着变了。
原因分析:
了解基本数据类型和复杂数据类型:
基本数据类型:number,string,Boolean,null,underfined,symbol;
引用数据类型:对象{},数组 [ ],函数function等。
1.基本数据类型:变量名和值存储在栈内存中,当b=a赋值时,栈内存会新开辟一个内存。再存储一份相同的数据在变量b下。所以修改a,并不会影响到b的值,数据存储的空间不一样。
2.引用数据类型:名存在栈内存中,值存在于堆内存中,但是栈内存会提供一个引用的地址指向堆内存中的值,当b=a进行拷贝时,其实复制的是a的引用地址,而并非是堆里面的值。所以修改a的值时,b的值也由于与a的地址指向同一个,所以b的值也发生改变。这就是浅拷贝。
深拷贝(只有复杂数据类型才有深拷贝)
实现深拷贝的方法:
1.这里可以递归递归去复制所有层级属性。
2.使用JSON对象的parse和stringify
3.JQ的extend方法。$.extend([deep],target,object1[,objectN]);
deep表示是否深拷贝,为true表示深拷贝,为false表示浅拷贝。