别用JSON拷贝

JSON的语法可以表示以下三种类型的值。

简单值：使用与JavaScript相同的语法，可以在JSON中表示字符串、数值、布尔值和 null 。但JSON不支持JavaScript中的特殊值 undefined 。

对象：对象作为一种复杂数据类型，表示的是一组有序的键值对儿。而每个键值对儿中的值可以是简单值，也可以是复杂数据类型的值。

数组：数组也是一种复杂数据类型，表示一组有序的值的列表，可以通过数值索引来访问其中的值。数组的值也可以是任意类型——简单值、对象或数组。

JSON不支持变量、函数或对象实例，它就是一种表示结构化数据的格式，虽然与JavaScript中表示数据的某些语法相同，但它并不局限于JavaScript的范畴。

早期的JSON解析器基本上就是使用JavaScript的 eval() 函数。由于JSON是JavaScript语法的子集，因此 eval() 函数可以解析、解释并返回JavaScript对象和数组。ECMAScript 5对解析JSON的行为进行规范，定义了全局对象 JSON 。JSON对象有两个方法： stringify() 和 parse() 。在最简单的情况下，这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript值。

在序列化JavaScript对象时，所有函数及原型成员都会被有意忽略，不体现在结果中。此外，值为 undefined 的任何属性也都会被跳过。结果中最终都是值为有效JSON数据类型的实例属性。将JSON字符串直接传递给 JSON.parse() 就可以得到相应的JavaScript值。

常常会用 JSON.parse 和 JSON.stringify 来深拷贝，如下面这样。

let obb = {
    a: 1,
    b: function () {
        console.log('b')
    },
    c: /\d+/
}
JSON.parse(JSON.stringify(obb)) // {a: 1, c: {}}
复制代码

因为JSON对有些数据不支持，所以无法完全拷贝各种数据类型的值。如果想完全拷贝，可以这样。

function deepClone (obj) {
    if (obj === null) return null
    if (typeof obj !== 'object') return obj
    if (obj instanceof RegExp) return new RegExp(obj)
    if (obj instanceof Date) return new Date(obj)
    let newObj = new obj.constructor
    for (let key in obj) {
        newObj[key] = deepClone(obj[key])
    }
    return newObj
}
复制代码