条件断点是仅在特定条件满足时触发的断点，可显著提升调试效率。通过在循环或高频函数中设置如i==100等条件，程序只在符合条件时暂停。主流工具如VS Code、Chrome DevTools、IntelliJ均支持，操作为右键断点并输入表达式。应用场景包括定位特定数据、排查空值、性能瓶颈和用户行为追踪。使用时需避免耗时操作、确保变量存在，并可结合日志断点减少中断。掌握条件断点能实现精准调试，大幅提升效率。
调试代码时，遇到循环或频繁调用的函数，普通断点会反复中断，效率低下。条件断点能帮你只在满足特定条件时暂停程序，大幅提高调试效率。
什么是条件断点？
条件断点是在普通断点的基础上附加一个表达式。只有当该表达式为 true 时，程序才会暂停。比如你在一个循环中调试，只想看第100次迭代的数据，就可以设置循环变量 i == 100 作为条件。
如何设置条件断点？
主流开发工具都支持条件断点，操作方式略有不同：
- VS Code：在行号上右键，选择“添加条件断点”，输入表达式如 count > 50 或 user.id === 123
- Chrome DevTools：右键断点，选择“编辑断点”，填入 JavaScript 表达式
- IntelliJ / WebStorm：同样右键断点，设置条件，支持复杂表达式甚至调用简单函数
注意表达式必须是当前作用域内可计算的，否则断点不会触发。
实用场景举例
合理使用条件断点可以快速定位问题：
- 在数组遍历中，只在某个特定元素出现时中断：item.name === 'error'
- 排查空值异常，设置 data == null，看是哪个调用传了空数据
- 性能问题调试，当某个计数器超过阈值时暂停：retryCount >= 5
- 多用户模拟环境中，只跟踪某个用户的行为：userId == 'test-007'
注意事项与技巧
条件断点虽强，但也需注意使用方式：
- 避免在条件中写耗时操作，比如网络请求或大数组遍历，会影响执行速度
- 确保变量存在，未定义变量会导致条件判断失败
- 可以结合日志断点（Logpoint）打印信息而不中断，进一步减少干扰
- 调试异步代码时，注意闭包中的变量是否已被修改
基本上就这些。掌握条件断点，能让你从“大海捞针”变成“精准打击”，调试效率提升明显。不复杂但容易忽略。
