浅拷贝与深拷贝

浅拷贝与深拷贝

理解

主要参考：
深拷贝与浅拷贝的区别
从零开始手写深拷贝

a = [1,2,3] b=a
浅拷贝： a与b指向同一数据 修改一个另一个数据也会变
深拷贝： 一个改变另一个不受影响。

基本数据类型，复制时会在栈中开辟一个新的空间，改变数据不会造成另一个改变
引用数据类型，复制时只会浅拷贝，因为在栈中存储的是名字和堆地址，值在堆内存中，复制只会复制堆地址

实现深拷贝的方法：

1.递归深拷贝 拷贝各个层级的属性 只要子元素是对象，就递归拷贝，不是对象，即基本数据类型就简单复制

      const deepClone = (obj) => {
        // 是对象吗？是就新建对象开始复制
        if (typeof obj === 'object') {
          const obj_ = Array.isArray(obj) ? [] : {};
          for (let i in obj) {
            // 不管是不是对象，直接递归，外面的typeof会帮我们做判断是否要继续遍历
            obj_[i] = deepClone(obj[i]);
          };
          return obj_;
          // 不是对象？直接返回
        } else {
          return obj;
        };
      };

2.借用 JSON对象的parse和stringify

       function deepClone(obj){
           let _obj = JSON.stringify(obj),
               objClone = JSON.parse(_obj);
           return objClone
       }
       let a=[0,1,[2,3],4],
           b=deepClone(a);
       a[0]=1;
       a[2][0]=1;
       console.log(a,b);

3. 借用jQuery的extend方法

        let a=[0,1,[2,3],4],
            b=$.extend(true,[],a);  // true表示深拷贝，false为浅拷贝  参数2 为目标对象 参数3 可以有多个，多个就合并
        a[0]=1;
        a[2][0]=1;
        console.log(a,b);