console对象是具备上下文管理与交互能力的轻量调试系统，支持按语义选日志方法、结构化输出、分组控制、性能测量及断言判断。
console 对象不只是“打印变量”的工具，它是一套轻量、可交互、带上下文管理能力的调试系统。用对方法，能省下大量翻看堆栈、手动展开对象的时间。
按信息类型选日志方法
不同语义的信息该用不同方法输出，既便于视觉识别，也方便后续过滤：
-
console.log()：通用流程节点，比如
"进入 fetch 处理" -
console.info()：状态提示，如
"用户已登录，token 有效期 2 小时"（Chrome 中显示蓝色图标） -
console.warn()：潜在风险，如
"localStorage 写入失败，降级使用内存缓存"（带黄色警告图标和堆栈） -
console.error()：明确错误，如
"解析 JSON 失败：Unexpected token"（红色高亮，含完整调用链） - console.debug()：精细调试信息，仅在开发者工具开启 Verbose 级别时显示，适合高频但非关键日志
结构化数据，拒绝层层展开
面对数组、对象或 API 响应这类结构化数据，直接 console.log() 容易迷失在嵌套里：
- console.table(data)：自动将数组或键名一致的对象转为表格，支持点击列头排序。适合用户列表、配置项、表单数据等
-
console.dir(obj)：强制以可交互树形结构输出，绕过浏览器对 DOM 节点或 Proxy 对象的简略显示限制。调试
event.target或 Vue/React 组件实例时尤其有用 -
console.dirxml(element)：专用于 HTML/XML 元素，输出清晰的 DOM 树视图，比
console.log()更贴近“元素检查器”体验
控制输出节奏与上下文
当多个模块、异步回调同时打日志，控制台会迅速变成信息泥潭：
立即学习“Java免费学习笔记（深入）”；
-
console.group(label) 和 console.groupEnd()：用标签包裹逻辑块，支持折叠/展开。例如把一次请求的参数、响应、解析结果包进
'API /user/profile'分组 - console.groupCollapsed(label)：默认收起分组，适合放次要但可能需查的日志（如中间状态快照）
-
console.count(label)：在循环或事件中自动计数，比如
console.count('按钮点击')每次触发都加 1 并打印，免去手动维护计数器
性能与断言：让调试自带判断力
有些问题不是“看值”，而是“看是否符合预期”或“看耗时是否异常”：
- console.time(label) + console.timeEnd(label)：测量任意代码段执行时间，支持多标签并行（如同时测网络、渲染、解析三阶段）
-
console.assert(condition, msg, ...)：仅当条件为
false时才输出，天然适配防御性调试。例如console.assert(user.id, '用户未登录，id 为空')，不满足就报错，不满足就不干扰视线 -
占位符增强可读性：用
%s、%d、%o替代字符串拼接；%c可加内联 CSS，比如用颜色区分模块：console.log('%c[Auth]', 'color: #42b883', '登录成功')
