高逼格的console.log()，要不来看下

我们编写前端代码的过程中，经常会用到控制台找一下dom元素，看看css样式是怎么样的，或者打印一些东西，了解一下代码执行的过程以及输出了什么。。。

现在我们来换一个姿势看看

1、带样式的console.log()

这里%c为打印内容定义的样式

2、格式打印

当然除了%c还有其它

%d：打印整数

%s：打印字符串

%f：打印浮点数

%o：打印javascript对象，可以是整数，字符串，JSON对象

3、控制台输出树状信息

console.group()  打印树状信息

console.groupEnd() 结束打印树状信息

4、将数据打印成表格 console.table()

5、其它

console.assert() 如果断言为false，则将错误信息输出在控制台

console.warn() 打印警告信息

console.error() 打印错误信息

当然更多的用法可以查看 MDN