日志点是VS Code中不中断程序运行即可输出变量信息的调试功能，通过右键行号添加并输入含表达式的日志内容，如{ i }，执行时自动求值输出到调试控制台，适用于追踪循环、函数调用等场景，相比console.log无需修改代码、更灵活安全。
在 VS Code 调试过程中，你可能不想频繁中断程序执行，但又希望看到某些关键变量或代码行的运行时信息。这时候，“日志点（Logpoint）”是一个非常实用的功能。它允许你在不暂停程序的情况下输出自定义日志消息，结合了断点的精准触发和控制台输出的便利性。
什么是日志点？
日志点是 VS Code 调试器中的一种特殊“断点”，它不会中断程序运行，而是在执行到指定代码行时，向调试控制台输出一条日志信息。你可以把它理解为“自动打印语句”，但不需要修改源代码。
使用场景包括：
- 快速查看循环中变量的变化
- 追踪函数被调用的频率和上下文
- 调试异步流程时不打断事件循环
如何设置日志点？
在 VS Code 中设置日志点非常简单：
- 在代码编辑器的行号左侧右键点击
- 选择“添加日志点”（Add Logpoint）
- 在弹出的输入框中填写要输出的日志内容
你可以在日志消息中使用花括号 {} 来插入表达式，例如：
当前索引: {i}, 值: {data[i]}当程序运行到这一行时，VS Code 会求值表达式并输出结果到调试控制台。
日志点的实用技巧
为了更高效地使用日志点，可以注意以下几点：
- 支持 JavaScript/TypeScript 表达式，如 {user.name || '匿名'}
- 可结合条件使用，虽然日志点本身不支持条件，但可通过表达式实现类似效果，例如：{i % 10 === 0 ? `第 ${i} 次循环` : ''}
- 输出内容会显示在“调试控制台”（Debug Console），而不是浏览器控制台或终端
- 多个日志点按执行顺序输出，便于追踪流程
与 console.log 的区别
相比手动添加 console.log，日志点的优势在于：
- 无需修改源代码，避免提交调试语句
- 可随时启用或删除，调试更灵活
- 不会影响代码格式和版本历史
- 支持表达式求值，写法更简洁
特别是在团队协作或生产环境调试中，这种非侵入式的调试方式更加安全和高效。
基本上就这些。合理使用日志点，能让你在不打断程序的前提下，清晰掌握运行状态，提升调试效率。
