码迷,mamicode.com
首页 > Web开发 > 详细

用json方法来作深拷贝应该知道的一点东西!

时间:2018-01-17 01:17:40      阅读:268      评论:0      收藏:0      [点我收藏+]

标签:过滤   span   efi   var   原型链   epc   浮点   项目   on()   

之前写js比较多的的时候也写过深拷贝,浅拷贝,继承啥的,还有自定义的监听事件。然而过了很久都忘了。

最近在项目上用的深拷贝都是 b = JSON.parse( JSON.stringify(a) )  ,没有深究过原理,也没考量过百分百的正确性。只是用了很多次没啥错误现象。

然而在群里有人问到怎么深拷贝,我就甩出了这个简单的方法。有大神出来说这个是不大正确的。瞬间懵逼,经过大神指点以及自己普及。总算发现坑了,一阵虚汗!

坑点在于,如果要深拷贝的对象属性值为undefined或者是function的时候,会被过滤掉!

技术分享图片

1.JSON不支持NaN,Infinity,甚至精确的浮点数,更别说循环引用和function了。

2.序列化就是序列化, 反序列化就是反序列化, 不要滥用.

3b = JSON.parse( JSON.stringify(a) ) 局限性:无法复制函数;原型链没了,对象就是object,所属的类没了。但是他简单,大多时候完全可以满足需求了!

顺便贴上好用的深拷贝函数   

  var a={
    m:undefined,
    b:2,
    c:[1,2,3],
    d:[1,[2,3],4],
    e:null,
    f:function(){
      console.log(‘11‘)
    }
  }
  function deepCopy(p,c){
    var i;
    c = c||{};
    for(i in p){
      if(p.hasOwnProperty(i)){
        if(typeof(p[i])==="object"){
          c[i] = Array.isArray(p[i])?[]:{};
          deepCopy(p[i],c[i]);
        }else{
          c[i] = p[i];
        }
      }
    }
    return c;
  }
  var b=deepCopy(b,a)
  console.log(b)

打印结果:

技术分享图片

 

  

用json方法来作深拷贝应该知道的一点东西!

标签:过滤   span   efi   var   原型链   epc   浮点   项目   on()   

原文地址:https://www.cnblogs.com/hjj2ldq/p/8297747.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!