js深拷贝的3种方式

var obj = {
      name:'张三',
      age:20,
      sax:{
        goods:20
      },
      arr:[1,2,3]
    }
    // 深拷贝第一种写法
    function deepClone(origin, tar){
      // 判断源对象的类型
      // var target = tar || (Object.prototype.toString.call(origin) === '[object Array]' ? [] : {})
      var target = tar || new origin.constructor()

      // 循环遍历origin
      for(let key in origin){
        // 判断key属性是否是自身的属性
        if(origin.hasOwnProperty(key)){
          // 如果是自身的属性
          // 继续判断当前属性值的类型
          if(typeof origin[key] === 'object' && origin[key] !== null){
            // 说明这个属性值就是对象或者数组
            target[key] = Object.prototype.toString.call(origin[key]) === '[object Array]' ? [] : {}
            deepClone(origin[key],target[key])
          }else{
            // 说明属性值是一个简单数据类型
            target[key] = origin[key]
          }
        }
      }
      return target
    }
    // 第二种写法
    function deepClone2(origin){
      // 判断origin数据结构
      if(origin == undefined || typeof origin !== 'object'){
        return origin
      }

      let target = new origin.constructor()
      for(let key in origin){
        target[key] = arguments.callee(origin[key])
      }
      return target
    }

    // 第三种写法
    function deepClone3(origin, target = {}){
      for(var key in origin){
        if(origin[key] instanceof Array){
          target[key] = []
          deepClone3(origin[key], target[key])
        }else if(origin[key] instanceof Object){
          target[key] = {}
          deepClone3(origin[key], target[key])
        }else{
          target[key] = origin[key]
        }
      }
      return target
    }

注:arguments.callee,指向arguments当前的函数,在非严格模式下是没问题的,但是在严格模式下会报错,首先为什么要用 arguments.callee 这个指呢,是因为了这个东西是为了解耦,如果外部的函数名修改了,内部就会报错,用了arguments.callee以后就不怕外部的函数名变化了。
但是在严格模式下就使用另外一种形式了,如果大家有兴趣的话,可以私聊我

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值