前言
当我们在前端开发中需要调试数据结构时，可以使用 console.log() 来输出。但是 console.log() 只能打印出一些简单类型的变量，对于复杂类型的变量，它会得到一个无法直观理解的输出。此时，我们需要使用一个专门的工具来展示这些复杂的结构。
这时候，tea-objdisplay 这个 npm 包就是一个不错的选择。
什么是 tea-objdisplay
tea-objdisplay 是一个可以将对象、数组、字符串等复杂的数据类型以一种简洁、自动换行的格式输出来的 npm 包。它可以让我们在调试复杂的数据结构时，更快速的分析数据结构、定位问题。
安装
在使用 tea-objdisplay 前，我们需要先将其安装到我们的项目中。打开终端，输入以下命令：
npm install tea-objdisplay --save-dev
这个命令会自动安装 tea-objdisplay 并将其存放在您的项目目录中，同时在 package.json 的 devDependencies 中添加一个依赖项 "tea-objdisplay": "^1.0.0"。
使用
当我们需要展示一个对象的值的时候，使用 console.log() 会输出这个对象的 toString() 方法。而使用 tea-objdisplay 可以打印出这个对象的详细信息，十分直观易懂。
使用很简单，只需要在需要展示的对象或者数组前加上 tea，然后将输出结果放在 console.log() 中即可。
const tea = require('tea-objdisplay');
console.log(tea(obj))下面是一个示例：
-- -------------------- ---- -------
----- --- - --------------------------
----- --- - -
----- --------
---- ---
-------- ----------- ------------- ----------
-------- -
----- ---------
---- --
-
--
----------------------输出的结果如下：
-- -------------------- ---- -------
-
----- --------
---- ---
-------- -
----------
-------------
--------
--
-------- -
----- ---------
---- --
-
-使用 tea-objdisplay，我们可以清晰准确的看到我们要展示的对象内容，同时，tea-objdisplay 也会自动对输出内容进行换行，让我们的输出结果更加的清晰易懂。
结束语
本文介绍了 tea-objdisplay 这个 npm 包的使用，tea-objdisplay 的使用方法简单，但是它的输出结果确实十分清晰易懂。在日常的开发中，使用这个工具会十分的方便。
希望大家能够在自己的开发中使用这个 npm 包，以提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/77451