像专业人士一样使用 console.log()

使用console.log()JavaScript 调试是开发人员最常见的做法。但是，还有更多……

console 对象提供对浏览器调试控制台的访问。其具体工作原理因浏览器而异，但通常都提供了一组功能。

最常见的控制台方法：

console.log()– 用于常规日志信息的输出。
console.info()– 信息日志记录。
console.debug()– 使用日志级别 debug 向控制台输出消息。
console.warn()– 输出警告消息。
console.error()– 输出错误消息。

console.log() 的自定义 CSS 样式

console.log可以使用 CSS 格式说明符在 DevTools 中设置输出样式。

字符串替换

当将字符串传递给接受字符串的控制台对象的方法之一（例如 log()）时，您可以使用以下替换字符串：

%s–string
%i或%d–integer
%o或%0– object
%f–float

console.assert()

如果第一个参数为假，则将消息和堆栈跟踪记录到控制台。

console.clear()

清除控制台。

console.count()

记录使用给定标签调用此行的次数。

console.dir()

显示指定 JavaScript 对象的属性的交互式列表。

console.group()和console.groupEnd()

创建一个新的内联组，将所有后续输出缩进一个级别。要移出上一个级别，请调用groupEnd()。

控制台中的 HTML 元素

console.memory

内存属性可用于检查堆大小状态

注意：记忆是一种属性而不是方法。

console.table()

将表格数据显示为表格。

console.time()和console.timeEnd()

console.time()– 启动一个以指定名称作为输入参数的计时器。一个页面上最多可同时运行 10,000 个计时器。–
console.timeEnd()停止指定的计时器，并记录自启动以来经过的时间（以秒为单位）。

console.trace()

输出堆栈跟踪。

如果你喜欢这篇文章，你很可能也会喜欢我的推文。不妨在Twitter上关注我。