Express.js 是一款流行的 Node.js Web 应用框架，可以快速构建高效的 Web 应用程序。在开发过程中，经常需要进行代码调试，本篇文章将介绍 Express.js 中的调试技巧及其方法，以提高开发效率。
1. 使用调试工具
调试工具是程序员必备的利器，可以快速定位、分析并修复代码中的问题。在 Express.js 中，常用的调试工具包括 chrome 开发者工具和 Node.js Inspector。
a. 使用 Chrome 开发者工具
Chrome 开发者工具是一款非常强大的调试工具，可以对浏览器和 Node.js 进行调试。在 Express.js 中，我们可以使用 Chrome 开发者工具进行调试。步骤如下：
- 打开 Chrome 浏览器，进入需要调试的 Express.js 页面。
- 点击浏览器右上角的调试菜单，选择“开发者工具”。
- 在开发者工具中切换到“Sources”（源代码）标签页。
- 选择 Express.js 的入口文件，例如 app.js，定位到需要调试的代码行，点击行号左侧的断点图标。
- 刷新页面，程序会在设置的断点处停止执行。此时，我们可以使用开发者工具界面的各种功能，如单步执行、查看变量等，逐步分析和修复代码中的问题。
b. 使用 Node.js Inspector
Node.js Inspector 是 Node.js 自带的调试工具，可以对 Node.js 应用程序进行调试。使用 Node.js Inspector 调试 Express.js 也很容易，步骤如下：
- 在 Express.js 应用程序的入口文件中添加 --inspect-brk 参数，如下所示：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - --------------- --------- --- ---------------- -- -- - -------------------- --- --------- -- ---- -------- ---展开代码
启动 Node.js：
$ node --inspect-brk app.js
- 打开 Chrome 浏览器，在地址栏中输入 chrome://inspect，并点击“Open dedicated DevTools for Node”按钮。
- 在 DevTools 窗口中选择“Sources”标签页，点击“Add folder to workspace”按钮，将 Express.js 应用程序的代码文件夹添加到 workspace 中。
- 选择入口文件（app.js），在需要调试的代码行上设置断点。
- 刷新浏览器页面，程序会在设置的断点处停止执行。此时，我们可以使用 DevTools 界面的各种功能，如单步执行、查看变量等，逐步分析和修复代码中的问题。
2. 使用日志工具
日志工具是判断程序是否运行正常，定位故障点的重要手段之一。在 Express.js 中，我们可以通过使用日志工具输出运行时信息，查看应用程序中的错误。常用的日志工具包括：
a. Morgan
Morgan 是 Express.js 中常用的日志中间件，可以记录 Web 应用程序中的请求和响应信息。使用 Morgan 非常简单，在应用程序中引入 Morgan，然后在 app.use() 中使用即可。例如：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- ------ - ------------------ ---------------------------- ---------------- -- -- - -------------------- --- --------- -- ---- -------- ---展开代码
3. 使用调试代码技巧
除了依赖调试工具和日志工具外，我们还可以使用一些调试代码技巧来提高调试效率。例如：
a. 打印日志
在需要调试的代码块中加入 console.log() 语句，输出变量的值或者调试信息。例如：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - -------------------- --- -------- ------------ --------------- --------- --- ---------------- -- -- - -------------------- --- --------- -- ---- -------- ---展开代码
b. 暂时注释掉代码
在需要调试的代码中，暂时注释掉一部分代码，逐步缩小调试范围，帮助我们更快地定位问题。例如：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - -- -------------------- --- -------- ------------ -- --------------- --------- --- ---------------- -- -- - -------------------- --- --------- -- ---- -------- ---展开代码
结语
本文介绍了 Express.js 中代码调试的技巧和方法，包括使用调试工具、日志工具和调试代码技巧等。希望本文能对大家在实际开发过程中遇到的问题有所帮助，提高代码调试效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6781155f4b0a96d284d6ef21
