巧用ES6实现深拷贝以及深拷贝中循环引用问题

最近在看Javascript基础的时候看到了深拷贝的问题,就巧用ES6新特性写了一个深拷贝方法。废话不多说代码奉上。

const toString = Object.prototype.toString

const getType = function() {
  const target = [...arguments][0]
  const typeStr = toString.call(target)

  return function() {
    const type = [...arguments][0]

    return typeStr.includes(type)
  }
}

const deepClone = (obj, map = new WeakMap()) => {
  //undefined、null、number、bool、String、function
  if (typeof obj != 'object' || obj === null) {
    return obj
  }

  if (map.has(obj)) {
    return map.get(obj)
  }

  let target = new obj.constructor() //基于obj的原型建立一个新的对象
  map.set(obj, target)
  const isType = getType(obj)

  if (obj instanceof Date) {
    return target
  }

  if (isType('Set')) {
    //处理类型是Set
    for (let item of obj) {
      target.add(deepClone(item, map))
    }

    return target
  }

  if (isType('Map')) {
    //处理Map
    for (let [key, value] of obj) {
      target.set(key, deepClone(value, map))
    }

    return target
  }

  if (isType('Object') || isType('Array')) {
    //统一处理Object、Array,因为他们统一可以使用key=>value键值这种方式
    for (let [key, value] of Object.entries(obj)) {
      target[key] = deepClone(value, map)
    }

    return target
  }
}

此代码并不完善。并没有处理Symbol以及正则对象。未完待续。。。。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值