js浅拷贝与深拷贝的区别和实现方式

1.如何区分浅拷贝与深拷贝：　　

　　简单点来说，当B复制了A，当A发生变化的时候，B跟着发生了变化，就是浅拷贝，如果B没有发生变化，那么就是深拷贝。

2. 如果是基本数据类型，名字和值都会储存在栈内存中

var a = 1;
b = a; // 栈内存会开辟一个新的内存空间，此时b和a都是相互独立的
b = 2;
console.log(a); // 1

　　当然，这也算不上深拷贝，因为深拷贝本身只针对较为复杂的object类型数据。

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

　　

 

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

　　

 

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

　　

 

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

　　

 

 

4. 实现深拷贝的方法

　　1).采用递归去拷贝所有层级属性

　　　　

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);

　　2). 通过JSON对象来实现深拷贝

function deepClone2(obj) {
  var _obj = JSON.stringify(obj),
    objClone = JSON.parse(_obj);
  return objClone;
}

　　缺点： 无法实现对对象中方法的深拷贝，会显示为undefined