在前端开发中，调试是一个必不可少的环节。而在调试中，将变量或对象的内容打印到控制台是一种常用的手段。在 JavaScript 中，我们可以使用 console.log() 接口来打印出任意类型的数据。但是，针对复杂的数据结构，console.log() 并不能完全满足我们的需求。这时候，我们可以使用 jsvardump 这款 npm 包，它能够以更美观、更易读的形式展示 JavaScript 对象数据，并帮助我们更加高效地进行调试。
安装 jsvardump
在使用 jsvardump 之前，我们需要将它安装到项目中。在命令行中，执行以下命令：
npm install jsvardump --save
使用 jsvardump
安装完成后，我们就可以开始使用 jsvardump 了。调用 jsvardump 函数，并将需要打印的数据作为参数传递进去即可。例如，我们有一个名为 obj 的对象：
-- -------------------- ---- -------
--- --- - -
----- -------
---- ---
-------- -------- -------- -------
-------- -
----- -----------
--------- --------
-
--如果我们想要将 obj 对象打印到控制台上，可以这样写：
const jsvardump = require('jsvardump');
console.log(jsvardump(obj));输出结果如下图所示：
可以看到，jsvardump 打印出了 obj 对象的所有属性和属性值，且排版整洁，易于阅读。比起 console.log()，它保存了数据之间的关系，更加逼近原始的数据结构。
jsvardump 的高级用法
除了以上的基础用法，jsvardump 还有一些高级功能，能够帮助我们更加高效地调试和错误定位。我们可以在在调用 jsvardump 函数时，添加第二个参数以实现这些高级用法。
压缩输出
如果我们的数据非常庞大，那么使用 jsvardump 打印出来的结果也会非常长，导致查看起来比较麻烦。这时候我们可以启用 jsvardump 的压缩输出功能，将打印结果压缩成一行，方便查看。在第二个参数中添加 true，即可启用压缩输出功能：
console.log(jsvardump(obj, true));
只打印键名
如果我们只想要打印对象的键名，而不需要打印键值，我们可以在第二个参数中添加一个字符串 key：
console.log(jsvardump(obj, 'key'));
输出结果如下图所示：
只打印键值
如果我们只想要打印对象的键值，而不需要打印键名，我们可以在第二个参数中添加一个字符串 val：
console.log(jsvardump(obj, 'val'));
输出结果如下图所示：
指定缩进空格数
我们可以通过在第二个参数中添加一个数字 n（n 代表缩进的空格数），来指定输出结果的缩进。默认情况下，缩进空格数为 2。
console.log(jsvardump(obj, 4));
总结
在前端开发中，jsvardump 是一个非常有用和实用的 npm 包。它能够以更加整洁、美观的方式输出数据，让我们更加高效地进行调试和错误定位。希望本文的使用教程能够帮助到你，让你在开发过程中能够更顺利、更高效地使用 jsvardump 进行调试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/69857