console.log用于常规调试输出,console.warn提示潜在问题,console.error报告实际错误;三者语义意图分别为“我在看”“你可能要注意”“这里出问题了”。

console.log 用于常规信息输出,适合调试变量值、流程确认;console.warn 显示黄色警告,提示潜在问题但不中断执行;console.error 输出红色错误,常用于捕获异常或逻辑失败,部分环境会附带堆栈追踪。
什么时候该用 log
日常开发中最常用的输出方式,比如查看变量内容、确认代码是否执行到某处、打印对象结构等。
- 支持多个参数,自动空格分隔:
console.log("name:", name, "age:", age) - 可用占位符格式化:
console.log("User %s is %d years old", name, age) - 打印对象时支持展开查看属性,比
JSON.stringify更直观
warn 的典型使用场景
当发现非致命但值得留意的情况时使用,例如过时的 API 调用、边界条件接近临界值、配置项未按推荐设置等。
- 浏览器控制台中显示为黄色背景+感叹号图标,视觉上比 log 更醒目
- 不会阻止脚本运行,但能提醒开发者注意潜在风险
- 示例:
console.warn("localStorage quota may be exceeded soon")
error 要在出错时才调用
表示发生了预期外的问题,比如接口请求失败、数据格式异常、关键函数返回 null 等,应配合 try/catch 或条件判断主动触发。
立即学习“Java免费学习笔记(深入)”;
- 控制台显示为红色文字+叉号图标,部分浏览器点击可跳转到报错位置
- 某些环境(如 Node.js)会将 error 输出到 stderr,便于日志分离
- 可传入 Error 实例获得完整堆栈:
console.error(new Error("Failed to parse JSON"))
区分三者的关键不是严重程度高低,而是语义意图:log 是“我在看”,warn 是“你可能要注意”,error 是“这里出问题了”。合理使用能让调试更高效,也方便后续用工具过滤日志。










