1.console.assert()

判斷第一個(gè)參數(shù)是否為true，false的話拋出異常并且輸出信息到console.

2.console.group()

使日志按照一定的層次關(guān)系輸出，樹狀結(jié)構(gòu)調(diào)試清晰化，適合層次結(jié)構(gòu)較簡單的日志輸出。

添加console.group()前：

添加console.group()后：

3.console.groupCollapsed()

與console.group()用法相同，唯一的區(qū)別就是會(huì)console.groupCollapsed()方法默認(rèn)折疊日志，適合層次結(jié)構(gòu)較為復(fù)雜的日志輸出。

4.console.groupEnd()

結(jié)束當(dāng)前樹狀結(jié)構(gòu)日志打印，與console.group()和console.groupCollapsed()配合使用。

5.console.table()

以表格的形式輸出數(shù)據(jù)，使數(shù)組或者對象的詳細(xì)信息更加形象地展示出來。

①低級地使用console.log()查看數(shù)組：

使用console.table()查看數(shù)組：

通過對比，可以看出，console.table()顯示我們主要關(guān)注的信息更加形象，具體，直觀，優(yōu)于console.log()。

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

console.table()可以過濾對象屬性，選擇部分屬性顯示.

各對象都有name，sex和age三個(gè)屬性，我們使用console.table()挑選出name和age屬性顯示。

為什么只學(xué)了5個(gè)高級console指令？

要理性購物，對不對，學(xué)習(xí)不在多，而在于學(xué)以致用！

近一點(diǎn)說是為了加速Q(mào)lik可視化插件開發(fā)，遠(yuǎn)一點(diǎn)呢？

還是那句即將審美疲勞的勵(lì)志雞湯：

努力成為優(yōu)秀的前端工程師！

希望這篇博客對大家有用！

----------------------分割線---------------------------

1.console.dir()----查看對象屬性的比console.log()更好的方法，因?yàn)樗梢源蛴OM對象的屬性。

打印javascript對象的屬性列表，這個(gè)列表可以交互。console.log()也可以打印對象，但是在打印DOM對象的時(shí)候會(huì)打印出HTML片斷，打印不出所需的DOM對象屬性。

例如：

console.log(document)

**而console.dir(document)**

>期待和大家交流，共同進(jìn)步，歡迎大家加入我創(chuàng)建的與前端開發(fā)密切相關(guān)的技術(shù)討論小組：

> - SegmentFault技術(shù)圈:[ES新規(guī)范語法糖](https://segmentfault.com/g/1570000010695363)

> - SegmentFault專欄：[趁你還年輕，做個(gè)優(yōu)秀的前端工程師](https://segmentfault.com/blog/chennihainianqing)

>- 知乎專欄：[趁你還年輕，做個(gè)優(yōu)秀的前端工程師](https://zhuanlan.zhihu.com/wyasy)

>- Github博客: [趁你還年輕233的個(gè)人博客](https://github.com/FrankKai/FrankKai.github.io)

>- 前端開發(fā)QQ群：660634678

>- 微信公眾號： 人獸鬼 / excellent_developers


>努力成為優(yōu)秀前端工程師！