流程控制语句需配合console.log等输出语句才能在控制台查看执行效果；通过在if/else、switch分支及循环体中插入带变量值的日志，可验证逻辑路径、循环次数与终止条件；利用debugger、console.table、console.group等可提升调试效率。
流程控制语句本身不会自动输出结果，必须配合输出语句才能在控制台看到执行效果。核心思路是：写好 if、switch、循环等结构，在关键分支或迭代位置插入 console.log() 打印状态，再通过浏览器开发者工具的 Console 面板查看。
用 console.log 验证分支逻辑
if / else 和 switch 的执行路径靠肉眼难判断，加日志最直接：
- 每个分支开头加
console.log("进入 if 分支")或console.log("匹配 case 'red'") - 注意不要只打固定字符串，最好带上变量值，比如
console.log("score =", score, "等级为：A") - switch 中漏写
break会导致“穿透”，加日志能立刻暴露这个问题——你会看到多个 case 的 log 连续出现
用 console.log 跟踪循环过程
for / while 循环容易陷入死循环或跳过预期次数，日志可确认实际执行次数和每次的变量值：
sc-java-to-ts-interface
下载
将后端 Java 接口文档转换为前端 TypeScript 类型定义（interface / type）。输入：飞书文档、Spring Boot 接口文档、Swagger/OpenAPI、手写 API 文档等。输出：包含请求参数与响应结果的 .md 文件，含完整 JSDoc 注释。触发关键词：Java 转 TS、接口转换、生成前端类型、接口文档转 TypeScript、DTO/VO/BO 转 interface、后端文档转前端类型、生成接口类型、类型定义生成。
- 在循环体第一行打印计数器，例如
console.log("第", i, "次循环，i =", i) - 循环结束后加一句
console.log("循环结束，最终 i =", i)，验证终止条件是否如预期 - 如果循环内有 break 或 continue，也在对应位置加日志，比如
console.log("遇到 5，跳出循环")
打开控制台并运行代码的实操步骤
不需要装额外工具，纯浏览器即可完成测试：
立即学习“Java免费学习笔记（深入）”；
- 新建一个 .html 文件，把 JS 代码写在
<script></script>标签里（或外链 JS） - 用 Chrome / Edge / Firefox 打开这个 HTML 文件
- 按 F12 → 切到 Console 标签页 → 刷新页面，日志就显示出来了
- 如果没看到输出，检查控制台左上角是否误选了 “Errors only” 过滤；也确认 script 是否在 body 底部或用了
defer
比 console.log 更进一步的调试方式
当逻辑复杂、变量嵌套深或需要暂停观察时，单靠 log 不够：
- 在关键行写
debugger;，刷新后代码会自动暂停，你能在 Sources 面板看所有变量实时值、单步执行 - 用
console.table(obj)查看对象或数组结构，比console.log更清晰 - 用
console.group("条件块 A")和console.groupEnd()把一组日志折叠起来，避免刷屏
