你了解VSCode调试器中的“条件断点”和“日志点”吗？

条件断点在满足条件时暂停，日志点则输出信息而不中断；右键行号可设置条件表达式或日志消息，支持变量插值，避免频繁修改代码，提升调试效率。

是的，vscode 调试器中的“条件断点”和“日志点”是非常实用的功能，能帮助开发者更高效地排查问题，而不必频繁中断程序执行。

条件断点：只在满足条件时暂停

普通断点每次执行到该行都会暂停，而 条件断点 允许你设置一个表达式，只有当表达式为真时才会触发暂停。

使用场景举例：

• 循环 中某个特定迭代出错（比如 i === 100）
• 某个变量达到特定值才想查看调用 栈
• 避免在调试时被无关的调用打断

设置方法：

面试猫

AI 面试助手，在线面试神器，助你轻松拿 Offer

39

查看详情

右键点击行号旁的断点标记 → 选择“编辑断点”→ 输入条件表达式（如 i > 10）或命中条件（如执行 100 次后中断）

日志点：不中断也能输出信息

日志点 是一种特殊的断点，它不会暂停程序运行，而是打印一条自定义消息到调试控制台，适合用于观察变量变化趋势。

优势在于：

• 避免因频繁中断影响程序状态（如动画、异步 流程）
• 快速插入临时日志，无需修改代码加 console.log
• 支持插值语法，例如输出 {count} 的当前值

设置方式：

右键行号 → 添加“日志点”→ 输入要打印的消息，用花括号包裹变量名

基本上就这些。合理使用这两个功能，可以大幅提升调试效率，减少对代码的侵入性改动。不复杂但容易忽略。