调试异步 JavaScript 代码时，断点经常“跳过”或无法命中，这是由于事件循环和回调机制导致的。VSCode 提供了多种方式帮助你更有效地调试异步流程，关键在于理解执行上下文和利用调试器功能。
启用异步调用堆栈支持
VSCode 默认可能不显示异步调用链，开启后能清晰看到从 Promise、setTimeout 到回调函数的完整路径。
- 在 launch.json 配置中添加 "enableAsyncStacks": true
- 启动调试后，在“调用堆栈”面板会显示异步帧（如 timer → then → callback）
- 结合 source map 可定位到原始 async/await 或箭头函数位置
使用 debugger; 语句辅助断点定位
在复杂异步逻辑中，行内断点可能因闭包或延迟执行而失效，debugger 语句更可靠。
- 在 Promise 链、.then()、setTimeout 回调中手动插入 debugger
- 避免依赖编辑器点击断点，尤其在动态加载或热重载场景
- 临时使用后记得移除，避免生产环境触发
合理设置断点策略应对微任务与宏任务
区分 setTimeout（宏任务）与 Promise.then（微任务），有助于理解断点执行顺序。
立即学习“Java免费学习笔记（深入）”；
- 在 await 后一行设断点，可暂停于微任务结束后的恢复点
- 调试定时器时，使用 VSCode 的“逐步跳出”（Step Out）观察事件循环推进
- 若断点未触发，检查是否被 try/catch 捕获或被 .catch() 吞掉错误
