如果你在做前端开发和调试的时候，经常需要检查一些全局变量是否存在或者查看全局变量的值。那么，你可能会用到一个叫做 globals-vivid 的 npm 包。
globals-vivid 是什么
globals-vivid 是一个可以帮助你检查全局变量并输出的 npm 包。它可以从全局的对象 window 或者 node 的 global 中取出变量，并输出任何没有在代码中被声明过的变量。在运行的时候，它可以自动检查出所有的全局变量并把它们的名称与值输出到控制台，非常方便易用。
如何安装
要使用 globals-vivid，首先你需要安装它。你只需要在项目中运行以下命令：
npm install globals-vivid --save-dev
如何使用
在浏览器中使用
在浏览器中使用 globals-vivid 只需要在浏览器控制台中输入以下命令：
globalsVivid()
这个命令会输出所有的全局变量，并以一个对象的形式将其打印在控制台上。
在 Node.js 中使用
在 Node.js 中使用 globals-vivid 你需要在你的代码中引入：
const globalsVivid = require('globals-vivid')然后在你的代码运行的任何地方，调用这个函数就可以了：
globalsVivid()
这个命令也会输出所有的全局变量，并以一个对象的形式将其打印在控制台上。
示例代码
我为了更好的说明如何使用 globals-vivid，给你一个简单的示例代码，帮助你更好地理解它的用法。
-- -------------------- ---- ------- -- -- ------------- - ----- ------------ - ------------------------ -- ------ -------- ------ -- - -- ----- - - - -- -------------- -- -- - - - --- ------------------ -- ------ -- -- ------ - - - -- ------ - - -- - -- --------------- ------ ------ ------ -- ------ -----
执行上面的代码后，你会发现 globals-vivid 打印出了所有的全局变量，包括 a 和 b。但是因为 a 和 b 并没有在全局中声明过，所以它们的值是 undefined。a 和 b 的类型也分别是 number 和 string。
参考链接
如果你想了解更多有关 globals-vivid 的信息，可以查看它的 npm 和 GitHub 主页：
总结
本文详细介绍了如何使用 globals-vivid 这个 npm 包，并给出了在浏览器和 Node.js 中使用的示例代码。使用这个包可以方便地输出全局变量，并帮助你更好地调试你的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600558eb81e8991b448d63d3