js 学习记录-深拷贝与浅拷贝

let a =
    [[1,2], 3, 4];
let b = Array.from(a);
let c = a;
console.log("b: "+b);
console.log(`b === a :${b === a}`); //这里判断为false 是因为 array.from 在堆里新建了一个对象 但是存放的还是a的引用
console.log("c: "+c);
console.log(`c === a :${c === a}`);
a[1] = 10;
a[0][0] = 20;
console.log("a:"+a);
console.log("b:"+b);   //b的子层也改变了符合浅拷贝（深拷贝：改变原来值时，复制的不会改变 ，但现在b确实是改变了） 所以只有一层的时候可以看作是深拷贝
console.log("c:"+c);   //c全部跟着变了 符合浅拷贝

运行结果：

实现深拷贝的方法
1.递归拷贝所有层级

  function deepClone(obj){
    let objClone = Array.isArray(obj)?[]:{};
    if(obj && typeof obj==="object"){
      for(key in obj){
        if(obj.hasOwnProperty(key)){
          //判断ojb子元素是否为对象，如果是，递归复制
          if(obj[key]&&typeof obj[key] ==="object"){
            objClone[key] = deepClone(obj[key]);
          }else{
            //如果不是，简单复制
            objClone[key] = obj[key];
          }
        }
      }
    }
    return objClone;
  }

2.JSON.parse(JSON.stringify()) 但是这种不可以拷贝一些特殊属性（比如：正则表达式、undefined、function）只是一些数据的话，这种方式最简单
3.lodash函数库实现深拷贝 let result = _.cloneDeep(test)
4.。。。。。。

总的来说 深拷贝浅拷贝是相对而言的，针对不同的数据，同样的操作可以看作是深拷贝或者看作是浅拷贝

https://www.jianshu.com/p/1c142ec2ca45