常用 console 命令

打印对象解构

打印多个变量的时候，单纯打印变量，不显示变量名称，不利于阅读，而用大括号(`{}`)将变量包围起来。这样的优点是不仅会把变量的值打印，同时还会将变量名打印出来。

log占位符格式

字符（%s）、整数（%d）、浮点数（%f）、根据css格式化字符串（%c）和对象（%o）(%O)

使用console.table

将复合类型的数据转为表格显示

$ 、 $$、$0、$_、$x

$() – document.querySelector()的缩写，返回第一个与之匹配的css选择器的元素。

$$() - document.querySelectorAll()的缩写，返回一个数组，里面是与之匹配的css选择器的元素。

$0 – $4 - 依次返回五个最近你在元素面板选择过的DOM元素的历史记录，$0是最新的记录。

$_ - 记录了最后一次在Console计算的表达式。

$x - 返回与给定xpath表达式匹配的DOM元素数组。

在控制台中输入多行代码

按住Shift键敲回车即可换行

追踪函数调用过程

计时功能

keys和values

其他

console.assert：用来判断一个表达式或变量是否为真，只有表达式为false时，才输出一条相应作息，并且抛出一个异常；

console.count：统计代码被执行的次数；

console.dir：将对象以树状结构展现，可以显示一个对象所有的属性和方法；

console.group：信息分组显示；