js浅拷贝与深拷贝详解

浅拷贝与深拷贝

如果B复制了A，改变A，B也跟着变了这就是浅拷贝，如果B没有变就是深拷贝。
举个例子：

let a=[0,1,2,3,4],
     b=a;
console.log(a==b); 
a[0]=1;
console.log(a,b);

这里就要引入基本数据类型和引用数据类型的概念了，
基本数据类型有：number、string、boolean、null、undefined、symbol。
引用数据类型：Object、Array、以及函数等。

基本类型拷贝
let a=1;存储在栈内存中；这里引用他人的图片更好的理解在栈内存储。

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

所以你修改a时不会对b造成影响。

引用数据类型
引用数据类型名字存在栈内存，但是值存在堆内存中，栈内存会提供一个地址指向堆内存。

所以当b拷贝a时，复制的其实是a的引用地址，而不是里面的值。

实现深拷贝
deepClone

function deepClone(obj){
    let objClone = Array.isArray(obj)?[]:{};
    if(obj && typeof obj==="object"){
        for(key in obj){
            if(obj.hasOwnProperty(key)){
                //判断ojb子元素是否为对象，如果是，递归复制
                if(obj[key]&&typeof obj[key] ==="object"){
                    objClone[key] = deepClone(obj[key]);
                }else{
                    //如果不是，简单复制
                    objClone[key] = obj[key];
                }
            }
        }
    }
    return objClone;
}    
let a=[1,2,3,4],
    b=deepClone(a);
a[0]=2;
console.log(a,b);

JSON.parse(JSON.stringify())

let a=[0,1,2,3,4]
let b=JSON.parse(JSON.stringify(a));
console.log(a,b);
a[0]=1;
console.log(a,b);