chrome控制台常用高级console指令

[FrankKai]

1.console.assert()

判断第一个参数是否为true，false的话抛出异常并且输出信息到console.

2.console.group()

使日志按照一定的层次关系输出，树状结构调试清晰化，适合层次结构较简单的日志输出。

添加console.group()前：

添加console.group()后：

3.console.groupCollapsed()

与console.group()用法相同，唯一的区别就是会console.groupCollapsed()方法默认折叠日志，适合层次结构较为复杂的日志输出。

4.console.groupEnd()

结束当前树状结构日志打印，与console.group()和console.groupCollapsed()配合使用。

5.console.table()

以表格的形式输出数据，使数组或者对象的详细信息更加形象地展示出来。

①低级地使用console.log()查看数组：

使用console.table()查看数组：

通过对比，可以看出，console.table()显示我们主要关注的信息更加形象，具体，直观，优于console.log()。

②使用console.table()查看对象：

console.table()可以过滤对象属性，选择部分属性显示.

各对象都有name，sex和age三个属性，我们使用console.table()挑选出name和age属性显示。

为什么只学了5个高级console指令？

要理性购物，对不对，学习不在多，而在于学以致用！

近一点说是为了加速Qlik可视化插件开发，远一点呢？

还是那句即将审美疲劳的励志鸡汤：

努力成为优秀的前端工程师！

希望这篇博客对大家有用！

----------------------分割线---------------------------

1.console.dir()----查看对象属性的比console.log()更好的方法，因为它可以打印DOM对象的属性。

打印javascript对象的属性列表，这个列表可以交互。console.log()也可以打印对象，但是在打印DOM对象的时候会打印出HTML片断，打印不出所需的DOM对象属性。

例如：

console.log(document)

而console.dir(document)