搞懂浅拷贝和深拷贝

首先，JavaScript数据类型分为基本数据类型和引用数据类型

基本数据类型：String, Number, Boolean, Null, Undefined，Symbol

特点：直接存储在栈(stack)中的数据

引用数据类型：Array，function，object

特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里

ok！搞懂了这些，就来研究浅拷贝和深拷贝

首先，浅拷贝和深拷贝都只针对于引用数据类型

浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存；

深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象；

 如果不进行拷贝，会发生什么？

你定义了一个对象，然后定义了一个数组，有一个方法把每次添加的对象加入到数组中，但是修改其中一个属性，发现所有对象的属性都变一样了，这就是你没有进行拷贝，如果不进行深拷贝，那么你会发现引用数据类型，你改变一个还是都变一样了

现在有一个对象，如何得到一个对象，让这个对象的属性名和属性值是一样的，但是两个还不是一个对象呢？代码如下：

        //我定义了一个对象
        let obj = {
            name:'小明',
            age :12
        }
        // 定义了一个方法，创建了一个新对象newObj，
        // 然后用 for in 循环遍历原对象obj的属性名
        // 然后赋值给newObj
        function copy(){
            let newObj = {}
            for(let i in obj){
                newObj[i]=obj[i]
            }
            return newObj
        }
        // 这句话就会clone 对象obj赋值给newObj
        let newObj = copy(obj)

        //证明这是clone的对象：修改下把clone出来的对象的属性
        newObj.name = '小红'
        // 打印原对象和clone的对象
        console.log(obj.name);
        console.log(newObj.name);

ok，上面是浅拷贝，但是我们有发现，对象里面有的属性是对象，那怎么浅拷贝就不行了，这时候，就要用到深拷贝了，修改一下方法，如下：

        function copy(obj){
            let newObj = Array.isArray(obj)?[]:{}
            for(let i in obj){
                // 判断：如果属性是对象，就用递归，继续拷贝
                if(obj[i] instanceof Object){
                    newObj[i] = copy(obj[i])
                    //如果不是对象，就业浅拷贝
                }else{
                    newObj[i]=obj[i]
                }
                
            }
            return newObj
        }

ok，这就是浅拷贝和深拷贝，你搞懂了吗