JavaScript调试技巧：打断点有哪些方式？

3 min read

在 JavaScript 中，有以下几种方式可以在代码中设置断点：

  1. 在开发者控制台中使用 debugger 语句：在代码中加入 debugger 语句，在浏览器的开发者控制台打开时，执行到该语句时会自动进入调试模式。

  2. 在浏览器开发者控制台中手动设置断点：在 Sources 面板中，找到想要设置断点的代码行，单击行号的左侧来设置断点。

  3. 在代码中使用 console.log 跟踪代码执行：使用 console.log 打印信息来监视代码执行过程。

  4. 在 Chrome DevTools 的 Debugger 面板中手动设置断点：在 Debugger 面板中，找到想要设置断点的代码行，单击行号的左侧来设置断点。

  5. 通过 Source Maps 调试压缩后的代码：在压缩后的代码中加入 Source Map 后，在开发者工具中可以直接在压缩后的代码中设置断点，程序会自动跳转到原始未压缩的代码。

以上是设置断点的几种常见方式。每种方式各有优劣，可以根据需要灵活选择。