JS之深拷贝与浅拷贝

浅拷贝

1. 以赋值的形式拷贝引用对象。仍指向同一个地址。基本数据类型拷贝后两个变量互不干扰；引用数据类型在浅拷贝的过程中因仅改变了引用的指针，所以修改原对象时，赋值对象也会有影响
2. 实现方法
   1. ES6的新函数:Object.assign()

   Object.assign(target, ...sources) 
   // target目标对象；  sources：任意多个源对象
   let a = { age: 1 }
   let b = Object.assign({}, a)
   a.age = 2
   console.log(b.age) // 1
   

3. 展开运算符 ...

   let a = { age: 2 }
   let b = { ...a }
   a.age = 3
   console.log(b.age) // 2
   

深拷贝

1. JSON.parse(JSON.stringify(object)) 性能最快
   存在的问题：当拷贝具有循环引用对象的时候会报错，当值为序列化函数，undefined，symbol时不能拷贝。
2. 递归深拷贝

function deepClone (obj){
  let objClone = Array.isArray(obj)?[]:{};
  if(obj && typeof(obj) === 'object'){
    for(key in obj){
      if(obj.hasOwnProperty(key)){
        //判断子项是否为对象，如果也是对象则递归
        if(obj[key]&& typeof[key] === 'object'){
          objClone[key] = deepClone(obj[key])
        }else{
          objClone[key] = obj[key]
        }
      }
    }
  }
  return objClone
}