答案：高效调试JavaScript需配置launch.json并使用断点、控制台和调用栈。1. 创建.vscode/launch.json指定程序入口；2. 点击行号设断点，右键可设条件断点；3. 调用栈查看函数层级，悬停查变量值；4. Debug Console执行表达式测试逻辑；5. 配合Debugger for Chrome调试浏览器代码，支持sourcemap直接在源文件断点。
在VSCode中高效调试JavaScript代码，关键在于合理配置开发环境并熟练使用内置调试工具。结合断点、控制台和实时日志，可以快速定位问题。
配置调试环境
确保你的项目包含正确的.vscode/launch.json文件，用于定义调试启动方式。对于Node.js项目，可以在根目录的.vscode文件夹中创建或修改该文件：
- 按 F1 输入 “Debug: Open launch.json” 创建或编辑配置文件
- 选择环境（如 Node.js）后添加基本配置，例如指定入口文件（如 app.js 或 index.js）
- 设置 "program"、"stopOnEntry" 和 "console" 参数提升调试体验
使用断点和调用栈
在代码行号左侧点击即可添加断点，程序运行到该行会自动暂停。
- 支持条件断点：右键断点可设置触发条件，比如只在某个变量值满足时中断
- 利用“调用栈”面板查看函数调用层级，帮助理解执行流程
- 鼠标悬停变量可查看当前值，或在“Variables”区域展开对象结构
结合Console和Source面板
调试过程中，“Debug Console”允许你执行任意JS表达式，即时验证逻辑。
立即学习“Java免费学习笔记（深入）”；
- 可以直接调用函数、修改变量值，测试不同分支行为
- 在Sources面板中修改代码后，刷新页面即可生效（前端场景）
- 启用“Auto-expand object properties”可更方便地查看复杂数据结构
调试浏览器中的JavaScript
使用 VSCode 调试运行在浏览器中的代码，推荐配合插件如 Debugger for Chrome 或新版支持 Edge 的调试器。
- 配置
launch.json中的 "request": "launch" 并指定URL - 启动调试后，VSCode会打开浏览器实例，断点将在源码中同步命中
- 支持 sourcemap，可直接在原始 .js 或 JSX 文件中打断点
基本上就这些。掌握断点策略、熟悉调试面板、正确配置 launch.json，就能大幅提升排查效率。不复杂但容易忽略细节。
