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