使用JSON.stringify函数进行深度克隆有什么问题吗?

时间:2019-06-16 08:13:26

标签: javascript json clone deep-copy

我知道我们可以使用lodashunderscore进行深层克隆。但是我仍然想自己写出来练习。

我知道我们可以做JSON.parse(JSON.stringify(source))来深克隆一个对象。但是,使用这种方法存在很多问题。对于exp:

如果对象是:

let source = {
  a: () => {}
}

JSON.parse(JSON.stringify(source)) // {}

问题在于JSON.stringify将针对功能(和其他一些)值返回{}。对于我阅读的所有图书馆/文章,没有人提供解决此方法的方法。

我要解决的方法是覆盖现有的stringifyparse函数:

JSONfn.stringify = function(obj) {
  return JSON.stringify(obj, function(key, value){
          let fnBody;
          if (value instanceof Function || typeof value == 'function') {
            fnBody = value.toString();
            if (fnBody.length < 8 || fnBody.substring(0, 8) !== 'function') {
              return `_ES6FUN_${fnBody}`;
            }
          }
          if (value instanceof RegExp) {
            return `_REGEXP_${value}`;
          }
          //we can handle other types also
          return value;
      });
}

JSONfn.parse = function(s) {
  return JSON.parse(s, function(key, value) {
          if (typeof value != 'string') {
            return value;
          }
          if (value.length < 8) {
            return value;
          }
          prefix = value.substring(0, 8);
          if (prefix === '_ES6FUN_') {
            return eval(value.slice(8));
          }
          if (prefix === 'function') {
            return eval(`(${value})`);
          }
          if (prefix === 'RegExp') {
            return eval(value.slice(8));
          }
          //we can handle other types also
          return value;
      });
}

JSONfn.parse(JSONfn.stringify(source)) //{a: () => {}}

IMO,使用这种方法进行深度克隆要容易得多(无需检查周期)。但是似乎主要库都在使用更复杂的方法来进行深度克隆。

我想知道是否通过这种方式错过了一个问题?如果现在,为什么没有人使用它。

0 个答案:

没有答案