Logpoint是VSCode中不中断程序运行即可输出调试信息的功能,通过右键行号添加并输入含变量的表达式,如{index}: {value},执行时自动打印到控制台,适用于观察循环或高频函数中的变量变化,提升调试效率。

日志点(Logpoint)是 VSCode 调试功能中一个非常实用的特性,它能在不中断程序执行的情况下输出调试信息,避免频繁断点带来的效率损耗。相比普通断点,Logpoint 更适合用于观察循环、高频调用函数中的变量变化。
什么是 Logpoint?
Logpoint 是一种特殊的“断点”,它不会暂停程序运行,而是在触发时将你定义的信息输出到调试控制台。你可以把它理解为动态插入的 console.log,但无需修改代码,且可随时启用或删除。
如何设置 Logpoint?
在 VSCode 中使用 Logpoint 非常简单:
- 在代码编辑器左侧的行号区域右键点击你想要输出日志的位置
- 选择“添加日志点”(Add Logpoint)
- 在弹出的输入框中填写要打印的内容,支持变量插值
- 保存后,该行会出现一个菱形图标,表示已设置 Logpoint
Logpoint 的表达式语法
Logpoint 支持在花括号中插入变量名或表达式,VSCode 会在运行时求值并输出结果:
- {count} —— 输出变量 count 的当前值
- Processing item {item.name} (index: {i}) —— 拼接字符串和变量
- {JSON.stringify(data)} —— 输出复杂对象的结构
- {func(x)} —— 可调用作用域内的函数(需注意副作用)
这些表达式在每次执行到该行时自动求值,并输出到“调试控制台”(Debug Console)。
实际应用场景
Logpoint 特别适用于以下场景:
- 调试循环体内部状态,比如遍历数组时查看每轮的索引和元素
- 监控某个函数被调用时的参数变化
- 排查异步任务执行顺序问题,标记关键路径
- 在生产环境模拟日志输出(配合 sourcemap)
由于不中断执行,程序行为更接近真实运行状态,避免因暂停导致的超时或状态丢失。
基本上就这些。合理使用 Logpoint 能大幅提升调试效率,尤其在处理高频调用逻辑时,既能看到数据流动,又不影响程序节奏。不复杂但容易忽略。










