#yyds干货盘点#JSON.stringify()深拷贝的几个问题-CFANZ编程社区

#yyds干货盘点#JSON.stringify()深拷贝的几个问题

当对象中有时间类型的元素时候 -----时间类型会被变成字符串类型数据

const obj = {
    date:new Date()
}
typeof obj.date === 'object' //true
const objCopy = JSON.parse(JSON.stringify(obj));
typeof objCopy.date === string; //true

然后你就会惊讶的发现，getTime()调不了了，getYearFull()也调不了了。就所有时间类型的内置方法都调不动了。

但，string类型的内置方法全能调了。

当对象中有undefined类型或function类型的数据时 --- undefined和function会直接丢失

const obj = {
  undef: undefined,
  fun: () => { console.log('叽里呱啦，阿巴阿巴') }
}
console.log(obj,"obj");
const objCopy = JSON.parse(JSON.stringify(obj));
console.log(objCopy,"objCopy")

然后你就会发现，这两种类型的数据都没了。

当对象中有NaN、Infinity和-Infinity这三种值的时候 --- 会变成null

1.7976931348623157E+10308 是浮点数的最大上线显示为Infinity

-1.7976931348623157E+10308 是浮点数的最小下线显示为-Infinity

const obj = {
  nan:NaN,
  infinityMax:1.7976931348623157E+10308,
  infinityMin:-1.7976931348623157E+10308,
}
console.log(obj, "obj");
const objCopy = JSON.parse(JSON.stringify(obj));
console.log(objCopy,"objCopy")

当对象循环引用的时候 --会报错

 const obj = {
   objChild:null
 }
 obj.objChild = obj;
 const objCopy = JSON.parse(JSON.stringify(obj));
 console.log(objCopy,"objCopy")

这些例子读者都可以敲敲代码实践一下，看看是不是出现我说的问题，欢迎留言。

0 条评论