group by用法多个字段_console的几种用法：

对于前端开发来说一定对console.log不陌生吧，今天就来介绍一下console的其他几种不同用法：

1.console.log()

这个是我们用的最多的一种用法；我们会用console.log()来打印某个对象或变量

2.console.warn()   

console.warn()与console.log()输出基本没啥区别；但是该条打印信息是属于警告级别而不是普通信息级别；最明显的是它的左侧会有一个警告图标，并且背景色和文字颜色也会不一样。

3.console.dir()

console.dir()与console.log()打印出来基本上没啥区别

可以看出打印出来的区别也就是console.log()方法会将打印结果的详细信息显示完整；console.dir()方法只会打印出对象，不会展开详细信息方法只会打印出对象，不会展开详细信息。

唯一差异比较大的地方是当我们打印HTML文档中的节点时，会有完全不一样的表现形式。

可以看出console.log()答应出来可以让我们会方便地看到DOM结构，并且鼠标移上去能够帮我们自动定位到对应的DOM节点。

console.dir()打印出来的东西可以让你想看到的是该DOM节点下的所有属性信息。

4.console.table()

在我们项目开发的时候经常会遇到对象或者数组形式的列表数据；在调试过程中我们经常会使用console.log()来打印出这些数据来进行查看,但我们打印出的结果并不够直接；

这时我们用console.table()打印：

我们的列表数据被清晰完整地展现在了表格当中

同时对象也适用此方法，让我们更直观的看到数据结构：

5.console.assert()

断言；该方法接收多个参数，其中第一个参数为输入的表达式，只有在该表达式的值为false时，才会将剩余的参数输出到控制台中 

当检测到传入的表达式为false的情况下才输出

6.console.count()

count()方法相当于一个计数器，并将记录结果打印到控制台：

7.console.time() & console.timeEnd()

这两个方法一般配合使用,用于跟踪程序执行时间的专用函数; console.time()方法是作为起始时间，console.timeEnd()是作为结束时间;并将执行时长显示在控制台。如果一个页面有多个地方需要使用到计算器，则可以为方法传入一个可选参数来指定标签，该标签会在执行时间之前显示，如下图所示：

此方法可以看出执行时长

8.console.group() & console.groupEnd()

当我们一个页面上有多个控制台输出的时候；方便我们对数据信息进行分组，其中console.group()方法用于设置分组信息的起始位置，console.groupEnd()方法用于结束当前的分组，如下图所示：

该方法的作用主要是让我们在控制台打印的日志更加清晰可读。

在在Chrome里面还有一个叫 %c , 仅在Chrome中支持,你可以把%c理解为css样式占位符,

用法: