掌握console.log的高级用法可显著提升调试效率：包括语义化日志（info/warn/error/debug）、格式化输出（%s/%o/table/group）、条件追踪（count/assert/环境开关）及性能分析（time/timeEnd/trace/Emoji状态标识）。
直接用 console.log() 打印信息是最基础的方式，但真正提升调试效率的是掌握它的结构化输出、条件过滤、分组追踪和性能分析能力。
使用语义化方法分类日志级别
浏览器控制台支持多种带图标的日志方法，不只是 log：
-
console.info()：显示蓝色信息图标，适合普通提示（如“用户已登录”） -
console.warn()：黄色警告，用于潜在问题（如“API 返回空数组，可能影响渲染”） -
console.error()：红色错误，配合堆栈，适合捕获异常上下文 -
console.debug()：默认被折叠，需在控制台开启“Verbose”才能看到，适合高频调试细节
注意：部分方法（如 debug）在生产环境可能被构建工具自动移除，建议搭配环境变量判断是否启用。
利用格式化字符串和对象展开提升可读性
避免拼接字符串，用占位符让输出更清晰：
-
console.log("用户ID：%s，状态：%o", userId, userObj)——%s输出字符串，%o可点击展开对象 -
console.table(dataArray)—— 将数组或对象以表格形式展示，特别适合对比列表项字段 -
console.group("API 请求链")+console.groupEnd()—— 折叠一组相关日志，避免信息混杂
结合条件与计数做精准追踪
减少无效日志干扰，聚焦关键路径：
-
console.count("render")—— 每次调用自动累加并打印次数，适合检查组件重复渲染 -
console.assert(condition, "断言失败：值未预期")—— 条件为 false 时才输出，不打断执行流 -
if (DEBUG) console.log(...)—— 用常量控制日志开关，上线前统一关闭
监控性能与异步行为
日志不只是看“是什么”，还要理解“多快、何时、是否重复”：
-
console.time("fetchData")/console.timeEnd("fetchData")—— 测量代码段耗时，精度达毫秒级 -
console.trace()—— 打印当前调用栈，快速定位函数触发源头 - 对 Promise 或事件监听器加日志时，用
console.log("✅ 成功", result)或console.log("❌ 失败", err)加 Emoji 区分状态，视觉更直观
不复杂但容易忽略。关键是把 console 当作轻量级探针，而不是临时拼凑的 print 语句。
