JS深拷贝的几种方法

深拷贝和浅拷贝的区别，网上说的就是：浅拷贝只是增加了一个指针指向已存在的内存地址，仅仅是指向被复制的内存地址，如果原地址发生改变，那么浅复制出来的对象也会相应的改变。深拷贝是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存。

简而言之就是浅拷贝会随着被拷贝对象的改变而改变，而深拷贝就是拷贝后各不干扰。

这是开始的数据：

var obj = {
            a:1,
            b:2,
            c:{
                d:[1,2,3,4,5],
                e:{
                    f:3
                }
            },
            d:1
        }

其中实现深拷贝的几种方法如下：

1、递归：

function cloneDeep(obj) {
            var newobj = obj instanceof Array?[]:{}; 
            for(var key in obj) {
                if(obj[key] instanceof Object) {
                    newobj[key] = cloneDeep(obj[key]);
                }else {
                    newobj[key] = obj[key];
                }
            }
            return newobj;
        }
        var obj1 = cloneDeep(obj);
        console.log(obj1);
        obj.c.d = 999;
        console.log("obj1",obj1);
        console.log("obj",obj);

结果就是我改变了obj的 值而obj1并没有任何变化

2、JSON转换

用json的方法写法上比递归要简单许多，但是它是有缺点的，json转换只适用于json对象，可有些对象里面有方法，它是不属于json数据的，会丢失

var obj2 = JSON.parse(JSON.stringify(obj));

 JSON转换就是将数据先转换为字符串在转换为对象

3、Lodash

我们可以调用第三方已经封装好的包，来直接使用

如lodash就可以直接应用其中的_.cloneDeep()方法就是可以直接深拷贝了