js学习-深拷贝和浅拷贝

js基本数据类型和引用数据类型

js常用的基本数据类型包括undefined、null、number、boolean、string。
js的引用数据类型也就是对象类型Object，比如：Object、array、function、date等。

赋值、浅拷贝、深拷贝

赋值:当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在栈中的地址，而不是堆中的数据。也就是两个对象指向的是同一个存储空间，无论哪个对象发生改变，其实都是改变的存储空间的内容，因此,两个对象是联动的。

浅拷贝:重新在堆中创建内存，拷贝前后对象的基本数据类型互不影响，但拷贝前后对象的引用类型因共享同一块内存，会相互影响。

深拷贝:从堆内存中开辟一个新的区域存放新对象，对对象中的子对象进行递归拷贝,拷贝前后的两个对象互不影响。

例子

        //赋值
        var person={name:'111'}
        var person1=person
        person1.name='222'
        console.log(person.name);
        console.log(person1.name);

        //浅拷贝
        function shallowCopy(obj) {
            var target = {}
            for (var i in obj) {
                if (obj.hasOwnProperty(i)) {
                    target[i] = obj[i]
                }
            }
            return target
        }
        var person = { name: '111', hobby: ['看书'] }
        var person1 = shallowCopy(person)
        person1.name = '222'
        person1.hobby[0] = '玩游戏'
        console.log(person);
        console.log(person1);

      //深拷贝
        function deepClone(obj) {
            var target = {}
            if(typeof obj !=='object') return obj
            if(obj ===null) return obj
            if(obj instanceof Date) return new Date(obj)//日期类型
            if(obj instanceof RegExp) return new RegExp(obj)//正则类型
            for (var i in obj) {
                if (obj.hasOwnProperty(i)) {
                    target[i] = deepClone(obj[i])
                }
            }
            return target
        }
        var person = { name: '111', hobby: ['看书'],function(){},date:new RegExp('\\w+') }
        var person1 = deepClone(person)
        person1.name = '222'
        person1.hobby[0] = '玩游戏'
        console.log(person);
        console.log(person1);