【笔记】JS深拷贝与浅拷贝-优快云博客

本文深入探讨了JavaScript中基本数据类型与引用数据类型的存储方式，解释了浅拷贝与深拷贝的区别，并提供了实现深拷贝的具体方法。

基本数据类型有：number，string，boolean，null，undefined五类；

引用数据类型(Object类)有常规名值对的无序对象{a:1}，数组[1,2,3]，以及函数等。

这两类数据存储分别是这样的：

a.基本类型--名值存储在栈内存中

例如let a=1;

当你b=a复制时，栈内存会新开辟一个内存，例如这样：

b.引用数据类型--名存在栈内存中，值存在于堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值

当b=a进行拷贝时，其实复制的是a的引用地址，而并非堆里面的值。

而当我们a[0]=1时进行数组修改时，由于a与b指向的是同一个地址，所以自然b也受了影响，这就是所谓的浅拷贝了。

那，要是在堆内存中也开辟一个新的内存专门为b存放值，就像基本类型那样，岂不就达到深拷贝的效果了

深拷贝方法：

function deepClone(obj){
    let _obj = JSON.stringify(obj),
        objClone = JSON.parse(_obj);
    return objClone
}    
let a=[0,1,[2,3],4],
    b=deepClone(a);
a[0]=1;
a[2][0]=1;
console.log(a,b);复制代码