必会面试题：1.浅拷贝和深拷贝_深拷贝

深拷贝

start

• 新建一个内存区域，拷贝元数据，

1.最常见的

最常见的深拷贝 那肯定就是 JSON.stringify(JSON.parse())

但是它有缺陷：

• 不支持 undefined，function，Symbol
• 不支持循环引用
• 不支持某些特殊的对象类型
• 等

它满足大多数的使用场景，也算是一个还不错的方法。

手写一个深拷贝

function deepClone (target, hash = new WeakMap()) {
     // 额外开辟一个存储空间WeakMap来存储当前对象
  if (target === null) return target
  if (target instanceof Date) return new Date(target)
  if (target instanceof RegExp) return new RegExp(target)
  if (target instanceof HTMLElement) return target // 处理 DOM元素

  if (typeof target !== 'object') return target

  if (hash.get(target)) return hash.get(target) // 当需要拷贝当前对象时，先去存储空间中找，如果有的话直接返回
  const cloneTarget = new target.constructor()
  hash.set(target, cloneTarget) // 如果存储空间中没有就存进 hash 里

  Reflect.ownKeys(target).forEach(key => {
    
    cloneTarget[key] = deepClone(target[key], hash) // 递归拷贝每一层
  })
  return cloneTarget
}

注意事项：

1. 上述代码为ES6版本的，暂考虑常见的情况了。
2. 引入了WeakMap
3. new target.constructor() 传入参数是什么类型就，声明一个什么类型的数据（区分数组和对象）
4. Reflect.ownKeys （Reflect.ownKeys 方法返回一个由目标对象自身的属性键组成的数组。它的返回值等同于）他可以拷贝Symbol类型的键

其他问题

1.循环引用

通过WeakMap 或者一个数组存储已深克隆的数据，每次克隆之前对比一下即可。已克隆直接return

2.需要拷贝的对象，多个属性指向同一个引用地址，（也叫引用丢失）

解决方式同问题一，直接数组存储已克隆的数据，重复数据直接return即可。

3.递归暴栈

当层级很多的时候，递归调用，很可能会导致递归暴栈的情况，这种方式解决方法，可以参考文章，不适用递归，而是使用循环去做这个地方。

优质博客

• https://juejin.cn/post/7072528644739956773#heading-0
• https://juejin.cn/post/6844903775283445767#heading-5
• https://segmentfault.com/a/1190000016672263