JSON.parse(JSON.stringify())实现深拷贝的弊端

JSON.parse(JSON.stringify())实现深拷贝的弊端

• 其过程说白了 就是利用JSON.stringify 将js对象序列化（JSON字符串），再使用JSON.parse来反序列化(还原)js对象；序列化的作用是存储(对象本身存储的只是一个地址映射，如果断电，对象将不复存在，因此需将对象的内容转换成字符串的形式再保存在磁盘上 )和传输（例如 如果请求的Content-Type是 application/x-www-form-urlencoded，则前端这边需要使用qs.stringify(data)来序列化参数再传给后端，否则后端接受不到； ps: Content-Type 为 application/json; charset=UTF-8或者 multipart/form-data 则可以不需要 ）

1. 如果obj里面有时间对象，则JSON.stringify后再JSON.parse的结果，时间将只是字符串的形式，而不是时间对象

const obj = {
     
    time: [new Date(), new Date(1536627600000)],
    name: '德华'
}
JSON.parse(JSON.stringify(obj))
// {
     
//   name: "德华",
//   time: ["2020-12-18T05:53:14.017Z", "2018-09-11T01:00:00.000Z"]
// }

2. 如果obj里有RegExp、Error对象，则序列化的结果将只得到空对象；

const obj = {
     
    name: 'aa',
    reg: new RegExp('\d')
}
JSON.parse(JSON.stringify(obj))
// {
     
//   name: "aa"
//   reg: {}
// }

3. 如果obj里有函数，undefined，则序列化的结果会把函数或 undefined丢失

const obj = {
     
    name: 'aa',
    a: undefined
}
JSON.parse(JSON.stringify(obj))
// {
     
//   name: "aa"
// }

4. 如果obj里有NaN、Infinity 和 -Infinity，则序列化的结果会变成null

const obj = {
     
    name: 'aa',
    a: NaN
}
JSON.parse(JSON.stringify(obj))
// {
     
//   name: "aa",
//   a: null
// }

5. JSON.stringify()只能序列化对象的可枚举的自有属性，例如 如果obj中的对象是有构造函数生成的， 则使用JSON.parse(JSON.stringify(obj))深拷贝后，会丢弃对象的construcFtor

function Person(name) {
     
    this.name = name
    this.eat = function() {
     
        console.log('恰饭')
    }
}

const person = new Person('李四')

const obj = {
     
    name: 'aa',
    p: person
}
JSON.parse(JSON.stringify(obj))