VSCode JavaScript调试器提供五大高效功能：一、启用catchUncaughtExceptions自动捕获未捕获异常；二、调试控制台支持断点下动态执行表达式；三、配置sourceMaps实现TS/打包代码源码级调试；四、设置条件断点按表达式触发；五、添加日志点输出信息而不中断执行。
如果您在使用 VSCode 进行 JavaScript 开发时希望更高效地定位和修复运行时问题，则 VSCode 内置的 JavaScript 调试器提供了多种增强能力。以下是针对该调试器的新功能与实用技巧的操作说明：
本文运行环境：MacBook Air，macOS Sequoia。
一、启用自动断点捕获未捕获异常
此功能可在代码抛出未被捕获的异常时自动暂停执行，帮助开发者快速定位错误源头，无需手动设置断点。
1、打开 VSCode 的调试视图（快捷键：Ctrl+Shift+D 或 Cmd+Shift+D）。
立即学习“Java免费学习笔记（深入）”；
2、点击左上角的齿轮图标启动 launch.json 配置文件生成流程。
3、选择环境为 Chrome 或 Node.js，根据项目类型确认。
4、在生成的配置中添加字段："stopOnEntry": false 和 "catchUncaughtExceptions": true。
二、使用“调试控制台”动态执行表达式
调试控制台允许在断点暂停状态下实时评估变量、调用函数或修改对象属性，是验证逻辑和快速验证假设的关键工具。
1、在代码中设置断点并启动调试会话（F5）。
2、当执行暂停后，切换至 调试控制台 面板（位于调试视图底部标签页中）。
3、输入任意合法 JavaScript 表达式，例如 typeof myVariable 或 myArray.push(42)，按 Enter 执行。
4、结果将立即显示在控制台中，且上下文与当前断点作用域一致。
三、配置源映射支持调试 TypeScript 或打包代码
当项目使用 TypeScript 编译或 Webpack/Vite 打包时，源映射（source map）可将运行时堆栈跟踪映射回原始源文件，使断点可直接设在 .ts 或未压缩源码上。
1、确保构建工具已生成 .map 文件，并在输出目录中与对应 JS 文件同名共存。
基于 Internet 的 Web 技术，完全采用B/S 体系结构的网络办公系统。该系统具有安全性高、功能极为强大、可在广域网中使用也可在局域网中使用、也可以同时在局域网和广域网中使用的特点，全傻瓜式安装，无需作复杂配置，界面采用类似windows资源管理器的设计，结构清晰，条理分明，即使不熟悉电脑的人也可很快掌握全部操作。该系统通过在广域网内的广泛试用验证和经专业技术人员的调试、测试，确认具有很
2、在 launch.json 中添加配置项："sourceMaps": true。
3、如源码路径与运行路径不一致，补充 "webRoot" 或 "outFiles" 字段以明确映射范围。
4、重启调试会话，断点即可在原始 TypeScript 文件中生效，且变量提示、步进操作均基于源码。
四、利用“条件断点”减少无关暂停
条件断点仅在指定布尔表达式为真时触发，适用于循环内特定迭代、特定用户状态或罕见分支路径的调试场景。
1、在编辑器左侧装订线（gutter）上右键单击目标行号位置。
2、选择 Add Conditional Breakpoint...。
3、在弹出输入框中输入表达式，例如 i === 5 或 user.role === 'admin'。
4、按下 Enter 确认，该行将显示一个带问号图标的断点标记。
五、启用“日志点”替代 console.log 插入
日志点在不修改源代码的前提下向调试控制台输出信息，避免污染生产代码，且支持表达式插值与格式化。
1、在目标行号装订线处右键，选择 Add Log Point...。
2、输入日志模板字符串，例如 "User ID: {userId}, Status: {status}"，其中花括号内为可求值表达式。
3、确认后该行显示一个带感叹号图标的日志点标记。
4、调试运行时，匹配行执行即输出日志到调试控制台，不中断执行流。
