条件断点和日志点是VS Code中优于console.log的调试工具，条件断点仅在满足表达式时暂停程序，适用于循环和高频函数，避免频繁中断；日志点则不暂停执行，直接输出变量值到控制台，实现非侵入式追踪。它们无需修改代码，调试信息本地存储，不污染版本库，支持动态启用、复杂表达式与格式化输出，结合调用堆栈可高效定位问题，尤其适合异步逻辑与大型项目，提升调试效率与代码整洁度。
调试 JavaScript 或 TypeScript 代码时，很多人习惯性地使用 console.log 输出变量值。虽然简单直接，但频繁添加和删除日志语句不仅低效，还容易污染代码。VS Code 提供了更优雅的替代方案：条件断点和日志点。它们无需修改代码，就能实现精准调试。
什么是条件断点？
普通断点会在代码执行到指定行时暂停程序，而条件断点只在满足特定条件时才触发。这在循环或高频调用函数中特别有用，避免程序被无意义地反复中断。
设置方法：
- 在代码行号左侧右键点击，选择“添加断点”或使用快捷键 F9
- 再次右键该断点，选择“编辑断点”
- 输入表达式，例如 count === 10 或 user.id === 'test'
只有当表达式结果为 true 时，调试器才会暂停。其他时候代码照常运行，极大提升调试效率。
日志点：非侵入式输出
日志点是一种特殊的断点，它不会暂停程序执行，而是像 console.log 一样输出自定义信息到调试控制台。它结合了日志的可见性和断点的灵活性，却不留下任何代码痕迹。
使用场景：
- 追踪循环中的变量变化
- 查看函数被调用的参数和次数
- 监控状态更新过程而不打断用户操作
设置方式与条件断点类似，但在右键菜单中选择“添加日志点”。在弹出的输入框中，可以写普通文本，也可以用花括号插入变量，例如：
当前索引: {index}, 值为: {items[index]}
为什么它们比 console.log 更好？
使用传统日志输出有几个明显缺点：需要手动增删语句、提交时容易遗漏、影响性能、多人协作时造成代码混乱。而 VS Code 的调试功能完全规避了这些问题。
- 调试信息存储在本地，不会提交到版本控制系统
- 可随时启用或关闭，不影响运行逻辑
- 支持复杂表达式和格式化输出
- 配合调用堆栈和作用域视图，能快速定位问题根源
尤其在处理异步逻辑或大型项目时，这些工具能显著减少调试时间。
基本上就这些。学会用条件断点和日志点，你会发现调试可以既高效又干净。下次想敲 console.log 之前，不妨试试长按断点图标，也许那才是更聪明的选择。
