超越 console.log
使用 table、group、warn、error 和 assert。
超越 console.log 是 CoddyKit 上的免费 JavaScript Academy 课时。 这是第 1 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 JavaScript Academy 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 JavaScript Academy 课程共包含 4 节课。
不止于 log
console 对象提供了许多超出 console.log 的方法。每个方法表达不同的意图,还可以用实用的方式呈现输出。
console.log("plain message")
console.info("informational")console.warn
console.warn 发出警告。在浏览器中,它会以黄色突出显示,用来提示一个值得关注但不会导致程序终止的问题。
console.warn("This API is deprecated")console.error
console.error 报告错误。它具有独特的样式,并且在浏览器中会包含堆栈跟踪,帮助您定位问题。
console.error("Failed to load data")console.info 和 debug
console.info 和 console.debug 的行为类似于 log,但能传达严重程度。工具可以按这些级别筛选消息。
console.info("Server started")
console.debug("Cache size is 42")console.table
console.table 会将数组和对象呈现为格式化表格,相比普通日志,更便于快速查看结构化数据。
const users = [
{ name: "Ann", age: 30 },
{ name: "Bob", age: 25 }
]
console.table(users)console.group
console.group 会开始一个带缩进且可折叠的部分。之后记录的消息会嵌套在其中,直到调用 console.groupEnd。
console.group("User details")
console.log("Name: Ann")
console.log("Age: 30")
console.groupEnd()嵌套分组
分组可以彼此嵌套,以反映层级结构,并且每增加一层就会增加缩进。
console.group("Order")
console.log("id: 1")
console.group("Items")
console.log("Book")
console.groupEnd()
console.groupEnd()console.assert
只有当第一个参数为假值时,console.assert 才会记录错误。它可以快速标记失效的前提,而不会中断执行。
const total = 10
console.assert(total > 0, "total should be positive")
console.assert(total > 100, "total is unexpectedly small")console.count
console.count 会跟踪带标签的行执行过多少次,这对于发现意外的重复调用很有帮助。
function ping() {
console.count("ping")
}
ping()
ping()
ping()console.time
console.time 和 console.timeEnd 会测量一段代码的执行时间,并使用匹配的标签打印经过的时长。
console.time("loop")
let sum = 0
for (let i = 0; i < 1000; i++) { sum += i }
console.timeEnd("loop")选择合适的方法
遇到问题时使用 warn 和错误报告方法,使用 table 查看结构化数据,使用 group 组织相关日志,并使用 assert 验证前提。清晰的日志记录可以加快调试。
console.warn("low memory")
console.table([{ id: 1 }, { id: 2 }])快速检查
测试您对 console 方法的了解。
回顾
回顾:console 除了 log 之外,还提供丰富的方法。
- warn 和错误报告方法表示严重程度
- table 呈现结构化数据
- group 组织嵌套日志
- assert 标记不满足的条件
console.table([{ a: 1 }, { a: 2 }])
console.warn("done")常见问题解答
「超越 console.log」课时是免费的吗?
是的 — 「超越 console.log」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 JavaScript Academy 课程的其余内容,请升级到 CoddyKit PRO。 JavaScript Academy 课程共包含 4 节课。
「超越 console.log」这节课中我会学到什么?
使用 table、group、warn、error 和 assert。 你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy,全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 JavaScript Academy 需要有经验吗?
无需任何先前经验。CoddyKit 上的 JavaScript Academy 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 1 节课,共 4 节。
「超越 console.log」课时需要多长时间?
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。
我能在这节 JavaScript Academy 课中编写并运行代码吗?
能。每节 JavaScript Academy 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。