探秘lave：JavaScript对象的魔法转译器

最新推荐文章于 2024-09-04 10:30:23 发布

柳旖岭

最新推荐文章于 2024-09-04 10:30:23 发布

阅读量224

点赞数 5

本文链接：https://blog.csdn.net/gitblog_00008/article/details/138946782

版权

探秘lave：JavaScript对象的魔法转译器

laveeval in reverse: stringifying all the stuff that JSON.stringify won't项目地址:https://gitcode.com/gh_mirrors/la/lave

lave，一个独特且强大的工具，它能将JavaScript中的任意对象转换成等价的表达式、函数或ES6模块。这是对JSON.stringify的一种反向操作，使得那些JSON无法表示的复杂结构能够被正确地序列化和还原。

为什么选择lave而非JSON.stringify？

JSON是最常用的数据传输格式，但它的局限性在于不能完全捕获JavaScript运行时的所有对象类型。例如，循环引用、重复引用、全局对象、内置对象以及函数等，都无法通过JSON.stringify妥善处理。而lave正是为此而生，利用JavaScript本身的语言特性，解决了这些问题。

支持的结构类型

| 结构类型 | JavaScript 示例 | JSON.stringify 输出 | lave 输出 | | -------------- | ---------------------- | ----------------- | ------------------- | | 循环引用 | a={}; a.self=a | :x: 错误 | :white_check_mark: 可行 | | 重复引用 | a={}; [a, a] | :warning: [{}, {}] | :white_check_mark: 可行 | | 全局对象 | global | :x: 错误 | :white_check_mark: 可行 | | 内置对象 | Array.prototype | :warning: [ ] | :white_check_mark: 可行 | | 原始包装对象 | Object('abc') | :warning: 'abc' | :white_check_mark: 可行 | | 函数 | [function(){}] | :warning: [null] | :white_check_mark: 可行 | | 日期 | new Date(1e12) | :warning: 字符串 | :white_check_mark: 可行 | | NaN | NaN | :warning: null | :white_check_mark: 可行 | | Infinity | Infinity | :warning: null | :white_check_mark: 可行 | | Sets & Maps | new Set([1,2,3]) | :warning: { } | :white_check_mark: 可行 | | 稀疏数组 | a=[]; a[2]=0; a | :warning: [null, null, 0] | :white_check_mark: 可行 | | 对象属性 | a=[0,1]; a.b=2; a | :warning: [0,1] | :white_check_mark: 可行 | | 自定义原型 | Object.create(null) | :warning: { } | :white_check_mark: 可行 |

演示案例

以下代码演示了如何使用lave：

// ...
var a = [function(){}, new Date, new Buffer('A'), global]
a.splice(2, 0, a)

var js = lave(a, {generate, format: 'module'})
console.log(js)
// ...

这将输出：

var a = [
    function (){},
    new Date(1456522677247),
    null,
    Buffer('QQ==', 'base64'),
    (0, eval)('this')
];
a[2] = a;
export default a;