我知道我们可以使用lodash
,underscore
进行深层克隆。但是我仍然想自己写出来练习。
我知道我们可以做JSON.parse(JSON.stringify(source))
来深克隆一个对象。但是,使用这种方法存在很多问题。对于exp:
如果对象是:
let source = {
a: () => {}
}
JSON.parse(JSON.stringify(source)) // {}
问题在于JSON.stringify将针对功能(和其他一些)值返回{}。对于我阅读的所有图书馆/文章,没有人提供解决此方法的方法。
我要解决的方法是覆盖现有的stringify
和parse
函数:
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,使用这种方法进行深度克隆要容易得多(无需检查周期)。但是似乎主要库都在使用更复杂的方法来进行深度克隆。
我想知道是否通过这种方式错过了一个问题?如果现在,为什么没有人使用它。