在开发前端项目时，调试是必不可少的环节。console.log 是最常用的调试方法之一，但是当代码规模增大，调试输出也会变得混乱。此时，可以使用 npm 包 debug 来更好地管理调试信息。
安装和使用
使用 npm 可以很方便地安装 debug：
npm install debug
在代码中引入 debug 后，可以创建一个调试器：
const debug = require('debug')('myapp:server');其中 'myapp:server' 参数表示该调试器的命名空间，推荐使用类似于命名空间的方式来组织调试器。
接下来，在需要输出调试信息的地方，调用 debug 方法即可：
debug('request %s %s', req.method, req.url);这里的 %s 是占位符，表示需要传入参数，可以有多个参数。输出的信息中，占位符将被对应的参数替换。
调试等级
如果项目中存在多个调试器，可以通过设置环境变量来控制输出哪些调试信息。例如，若要输出所有调试信息，可以设置环境变量：
DEBUG=*
若只想输出某个调试器的信息，可以设置环境变量：
DEBUG=myapp:server
还可以使用通配符来输出多个调试器的信息：
DEBUG=myapp:*
示例代码
下面是一个基于 Express 框架的示例，展示了如何使用 debug 输出调试信息。
-- -------------------- ---- ------- ----- ------- - ------------------- ----- ----- - --------------------------------- ----- --- - ---------- ----- ---- - ----- ------------ ----- ---- -- - ----------------- ------------- --------------- --------- --- ---------------- -- -- - ------------- --------- -- ---- ------------- ---
在控制台中设置环境变量 DEBUG=myapp:* 后，运行该脚本，可以看到如下输出：
myapp:server server listening on port 3000... +0ms myapp:server processing request... +3ms
总结
使用 npm 包 debug 可以更好地管理调试信息，避免 console.log 输出混乱。通过设置调试等级，可以控制输出哪些调试信息，从而更高效地进行调试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/51510