【知识沉淀】深拷贝浅拷贝

浅拷贝与深拷贝

• 浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值；如果属性是引用类型，拷贝的就是内存地址。所以如果其中一个对象改变了这个地址，就会影响到另一个对象。拷贝的只是内存地址，新旧对象还是共享同一块内存。
• 深拷贝是将一个对象从内存中完整的拷贝一份出来，从堆内存中开辟一个新的区域存放新对象，新对象与就对象不共享内存，且修改新对象不会影响原对象。

浅拷贝实现方式

1、Object.assign()

Object.assign方法实行的是浅拷贝，而不是深拷贝。也就是说，如果源对象某个属性的值是对象，那么目标对象拷贝得到的是这个对象的引用。

const obj = [1, 2, 3, {name:'menglin'}]
const obj2 = Object.assign({}, obj)
obj === obj2 // false
// 只能实现基础类型的拷贝
obj2[0] = 1000
obj[0] // 1
obj2[3].name = 'li'
obj[3] // {name: "li"}

2、展开运算符
和Object.assign()类似

const obj = { name:'mengling', number:{age:22} }
const obj2 = {...obj}
obj2.name = 'li'
obj2.number.age = 23
console.log(obj) // {name: "mengling", number: { age:23 }}

3、concat()
数组合并

const arr = [1, {name:'menglin'}]
const arr2 = arr.concat()
arr2[0] = 1000
arr[1].name = 'li'
console.log(arr) // [1, {name: 'li'}]

4、slice()
截取数组

const arr = [1, {name: 'menglin'}]
const arr1 = arr.slice()
arr1[0] = 1000
arr1[1].name = 'li'
console.log(arr) // [1, {name: 'li'}]
console.log(arr1) // [1000, {name: 'li'}]

深拷贝实现方式

1、Json.parse(Json.stringfy())
利用Json.stringfy()将对象转换成JSON字符串，再利用Json.parse()把字符串转换成对象，一来一去，新的对象就产生了，而且新的对象会开辟新的栈，实现深拷贝。但是不可以处理函数和正则，有下图看出，函数变为null，正则变为空对象。

const arr = [1, {name: 'menglin'}, function(){}]
const arr2 = JSON.parse(JSON.stringify(arr))
arr[0] = 1000
arr[1].name = 'li'
console.log(arr) // [1000, {name: 'li'}, function(){}]
console.log(arr2) // [1, {name:'menglin'}, null]

手写递归方法
实现原理：

• 遍历对象、数组，知道里面都是基本数据类型，然后再复制，实现深拷贝

// 循环引用的情况暂不考虑
  const deepCopy = (obj, hash = new WeakMap()) => {
    const type = Object.prototype.toString.call(obj).slice(8, -1);
    const allType = ['Number', 'String', 'Boolean', 'Null', 'Undefined'];
    let dist = [];
    if(allType.includes(type)){
      return obj
    } else if(type === 'Object'){
      dist = {}
    } else if(type === 'Array'){
      dist = []
    } else if(type === 'Date'){
      dist = new Date(obj)
    } else if(type === 'RegExp'){
      dist = new RegExp(obj)
    } else if(type === 'Function'){
      return obj.bind(this)
    }
    for(let key in obj){
      if(obj.hasOwnProperty(key)){
        dist[key] = deepCopy(obj[key])
      }
    }
    return dist;
  }