使用JSON实现数据深拷贝时需要注意的坑

JSON实现深拷贝非常便利，但如果你不熟悉JSON或者对将要被深拷贝的对象不清楚，那么的话，还是要谨慎些。

// JSON深拷贝
JSON.parse(JSON.stringify(obj));

 

存在以下几种情况，被拷贝对象会出现异常：

1. 如果存在循环引用，使用JSON进行拷贝时会直接报错；

// Error
var o = {
  x: null,
};
o.x = o;

2. Map, Set, WeakMap, WeakSet数据会被转为普通的Object；

var o = {
  m: new Map(),
  n: new Set(),
  wm: new WeakMap(),
  wn: new WeakSet(),
};

JSON.parse(JSON.stringify(o));

// output:
//{
//    m: {},
//    n: {},
//    wm: {},
//    wn: {},
//}

3. Date对象会被转为String对象；

var s = {
  d: new Date(),
};

var cp = JSON.parse(JSON.stringify(s));
// output: {d: Sat Nov 26 2022 23:33:13 GMT+0800 (中国标准时间)}

4. NaN, Infinity, -Infinity 会被转为null

var o = {
  n: NaN,
  i: Infinity,
  di: -Infinity,
};

JSON.parse(JSON.stringify(o));

// output:
//{
//   di: null,
//   i: null,
//   n: null,
//}

5. 当属性值为Function, Undefined, Symbol时，会被直接抹掉

var o = {
  und: undefined,
  fn: () => {},
  sy: Symbol('sy'),
};

JSON.parse(JSON.stringify(o));

// output:
// {}