前言
在前端开发中，我们常常需要将各种数据类型转换为字符串形式，例如用于 HTTP 请求的查询参数、将数据存储到本地等等。在 JavaScript 中，我们可以使用 JSON.stringify() 方法将对象转换为字符串，但是对于其他数据类型（例如函数、RegExp 等）则不能正常工作。同时，该方法还会将双引号转义为 "，因此必须再进行一次解析才能得到操作的对象。这就是 @jsenv/uneval 包出现的原因。
简介
@jsenv/uneval 是一个 NPM 包，用于将 JavaScript 表达式（包括对象、函数、RegExp 等）转换为字符串。转换后的字符串可以被 eval() 方法直接解析并返回原始对象。因此，该包使我们可以在不使用 JSON.stringify() 方法的情况下，将对象转换为字符串形式。
安装
使用 NPM 安装 @jsenv/uneval 包非常简单，只需要在终端中输入以下命令即可：
--- ------- ------ -------------
使用方法
基本用法
使用 @jsenv/uneval 包非常简单，只需要调用 uneval 函数，并将需要转换的对象作为参数传入即可。例如，下面的代码可以将一个普通对象转换为字符串：
----- ------ - -------------------------
----- --- - -
----- -----
---- ---
-------- ------ ----- ------
---------- -
------------------ ---------
--
--
----- --- - ------------
-----------------输出结果：
---------------------------------------------------------------------------------- ------------
如上所示，@jsenv/uneval 将函数和对象都转换为字符串形式。这意味着我们可以将它们存储在本地、作为查询参数传递给后端等等。
解析字符串
要将字符串解析为对象，我们需要调用 eval() 方法。例如，我们可以使用以下代码将上面的字符串解析为对象：
----- --- - ----------------- -----------------
输出结果：
-
----- -----
---- ---
-------- ------ ----- ------
--------- ---------- -
------------------ ---------
-
-转换成多行字符串
有时候，我们需要将 uneval 函数生成的字符串转换为多行形式，以便于阅读。此时，我们可以使用 @jsenv/uneval 的 stringify 函数来实现这一点。例如，我们可以使用以下代码将上面的对象转换为多行字符串：
----- - --------- - - -------------------------
----- --- - -
----- -----
---- ---
-------- ------ ----- ------
---------- -
------------------ ---------
--
--
----- --- - -------------- -
---------- -----
---
-----------------输出结果：
--
----- -----
---- ---
-------- -
-----
-----
-----
--
--------- ---------- -
------------------ ---------
--
--转换成简略形式
当我们需要将对象转换为简略形式时，我们可以使用 @jsenv/uneval 的 compactify 函数。例如，我们可以使用以下代码将上面的对象转换为简略形式：
----- - ---------- - - -------------------------
----- --- - -
----- -----
---- ---
-------- ------ ----- ------
---------- -
------------------ ---------
--
--
----- --- - ----------------
-----------------输出结果：
---------------------------------------------------------------------------------- ------------
在以上示例中，我们将一个对象转换为多行形式和简略形式分别使用 stringify 和 compactify 函数实现。
结语
总体来说，@jsenv/uneval 是一个非常好用的 JavaScript 转换工具包，它可以方便地将各种数据类型（包括函数、对象、RegExp 等）转换为字符串形式。在实际开发中，我们可以利用该包将一些 JavaScript 对象转换为字符串形式，方便传输和存储。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedb4abb5cbfe1ea0611328