拷贝

拷贝

（一）深拷贝： 拷贝的是数据

js中基本类型数据，都是深拷贝，因为基本数据类型都存在【栈中】

（二）浅拷贝：拷贝的是指针

引用数据类型都是浅拷贝，因为引用数据类型都存在【堆中】

引用数据类型实现深拷贝

（一）对象实现深拷贝：

       /*
          引用数据类型原理
          在堆中多存一个数据；让这个数据取拷贝另一个数据中内容
          导致：每个变量存的是不同的指针
        */
        
       var obj = {
           name : 'yq',
           age : 12
       }
       var copyObj = {}
       for(x in obj){
           copyObj.x = obj[x]
       }

       copyObj.dec = '啦啦啦'
       console.log(obj);
       console.log(copyObj);

（二）数组实现深拷贝：

       /*
          数组深拷贝思路：
            声明一个空数组，在堆中新存一个数据
            变量另一个数组，获取到每一个数据
            将获取到的数据，添加到空数组中 完成拷贝
            因为arr和copyArr变量，存的是不同的指针，所以改变不会影响
        */
        
        var arr = [
            name = 'yq',
            age = 12
        ]

        var copyArr = []
        for(var i = 0;i < arr.length;i++){
            copyArr.push(arr[i])
        }

        copyArr.push( '啦啦啦')
        console.log(arr);
        console.log(copyArr);

深拷贝方法封装

（一）对象深拷贝封装：

      function copyObj(obj) {
            var obj = obj
            var res = {}
            for (x in obj) {
                res[x] = obj[x]
            }
            return res
        }
        var obj = {
            name: 'ly',
            age: 21
        }
        var obj1 = copyObj(obj)

        obj1.dec = 'xsy'
        console.log(obj);
        console.log(obj1);

（二）数组深拷贝封装：

      function copyArr(arr) {
            var arr = arr
            var res = []
            for (var i = 0; i < arr.length; i++) {
                res.push(arr[i])
            }
            return res
        }
        var arr = [1, 5, 8, 9, 4, 5]
        var arr1 = copyArr(arr)

        arr1.push('啦啦啦')
        console.log(arr);
        console.log(arr1);

（三）数组、对象综合深拷贝封装：

      function deepCopy(parm) {
            var parm = parm

            if (parm.constructor === Array) {
                var arr = []
                for (var i = 0; i < parm.length; i++) {
                    arr.push(parm[i])
                }
                return arr
            } else if (parm.constructor === Object) {
                var obj = {}
                for (x in parm) {
                    obj[x] = parm[x]
                }
                return obj
            }else{
                alert('抱歉这不是一个数组或对象')
            }
        }

        var arr = [1, 5, 6, 77]
        var arr1 = deepCopy(arr)
        arr1.push('hahha')
        console.log(arr);
        console.log(arr1);

        var obj = { name: 'ly' }
        var obj1 = deepCopy(obj)
        obj1.dec = 'lalla'
        console.log(obj);
        console.log(obj1);