控制台调试JavaScript变量有四种高效方式：①直接输入变量名回车输出；②用console.log()加标签或对象字面量打印；③用console.table()表格化展示数组/对象；④在debugger断点后即时执行表达式验证。
在控制台快速调试输出 JavaScript 变量，核心是用对方法、少写代码、一眼看清值和类型。
直接输入变量名回车
这是最轻量的方式：在浏览器开发者工具的 Console 面板中，输入变量名（如 user、dataList），按回车即可输出其当前值。适合已声明且作用域可达的变量，无需额外语句，实时性强。
用 console.log() 快速标记和对比
加文字标签能避免混淆多个输出：
- console.log('用户信息:', user); —— 同时显示提示文本和变量值
- console.log('列表长度:', dataList.length); —— 输出计算结果，不需先赋值
- console.log({ user, dataList }); —— 用对象字面量一次性打印多个变量，自动带键名
利用 console.table() 查看数组或对象结构
当变量是数组或键值对较多的对象时，console.table() 比 log 更清晰：
立即学习“Java免费学习笔记（深入）”；
- console.table(user); —— 表格化展示属性名和值
- console.table(dataList); —— 每一项作为一行，支持点击展开嵌套
特别适合调试 API 返回的列表数据或表单对象。
临时打断点 + 控制台即时执行
在代码中打 debugger 或断点后暂停，此时控制台处于当前作用域，可直接输入任意变量、表达式甚至调用函数：
- 输入 typeof data 查类型
- 输入 Array.isArray(items) 验证判断逻辑
- 输入 data?.name 安全访问深层属性
无需修改源码，所见即所得，适合复杂流程中的中间状态验证。
