先說(shuō)一下console，JavaScript 原生中默認(rèn)是沒(méi)有 Console 對(duì)象，這是某些瀏覽器提供的內(nèi)置對(duì)象。
在不同的瀏覽器里顯示可能不同

下面的運(yùn)行截圖中，圖中的灰色是運(yùn)行的這句，灰色下面是此句運(yùn)行的結(jié)果

---

log()、info()、warn()、error()區(qū)別

1、 log()和info()

• 這兩個(gè)沒(méi)區(qū)別，看別人有說(shuō)info()前有個(gè)藍(lán)色的圖標(biāo)，不過(guò)我使用的版本的谷歌瀏覽器運(yùn)行時(shí)沒(méi)有
  
  因?yàn)闆](méi)有運(yùn)行出來(lái)，下面這張圖是在網(wǎng)上偷的，地址：https://zhuanlan.zhihu.com/p/23080626。
  下面會(huì)有堆棧內(nèi)依次調(diào)用運(yùn)行的方法名及其他等信息，有的瀏覽器是沒(méi)有的
  

2、warn()和error()

• warn()輸出的log前有個(gè)黃色的圖標(biāo)
• error()輸出的log前有個(gè)紅色的圖標(biāo)
• 這兩個(gè)展開下面，會(huì)有堆棧內(nèi)依次調(diào)用運(yùn)行的方法名及其他等信息，除了顏色信息都是一樣的
  

---

幾個(gè)實(shí)用的方法

1、trace()

• 調(diào)試JavaScript程序時(shí)，使用console.trace()，不僅會(huì)打印函數(shù)調(diào)用棧信息，同時(shí)也會(huì)顯示函數(shù)調(diào)用中各參數(shù)的值。

2、count()

• 可以把console.count()放在一個(gè)方法內(nèi)，每次調(diào)用都會(huì)加1，更好顯示方法被調(diào)用了多少次。

3、time()和timeEnd()

• 以ms為單位的時(shí)間，這兩個(gè)要同時(shí)用，可以不寫參數(shù)，輸出的是，default：** ms
• 如果加了參數(shù)，參數(shù)要一致console.time(“count”);否則會(huì)報(bào)錯(cuò)，輸出的是，count：** ms
  

4、assert()

• 一般兩個(gè)參數(shù)，前面的是表達(dá)式，后面是要輸出的內(nèi)容，如果表達(dá)式為false，則輸出
  

5、clear()

• 清空console的輸出信息。

6、dir()

• 使輸出內(nèi)容格式化更易讀，而且也會(huì)輸出一個(gè)對(duì)象的全部屬性和方法。

7、table()

• 數(shù)組格式

//var table = [ // {"name": "小豬佩奇", "sex": "F"}, // {"name": "小狗丹尼", "sex": "M"}, // {"name": "小貓坎迪", "sex": "F"}, // {"name": "小羊蘇西", "sex": "F"}, //]; //這個(gè)鍵不一定是字符串類型的 var table = [{name: "小豬佩奇", sex: "F"},{name: "小狗丹尼", sex: "M"},{name: "小貓坎迪", sex: "F"},{name: "小羊蘇西", sex: "F"} ]; console.table(table);

下面的圖輸出的是沒(méi)有引號(hào)的，我只是表現(xiàn)上加了console.table("table");

• 對(duì)象格式

var table = {"一": {"name": "小豬佩奇", "sex": "F"},"二": {"name": "小狗丹尼", "sex": "M"},"三": {"name": "小貓坎迪", "sex": "F"},"四": {"name": "小羊蘇西", "sex": "F"} }; console.table(table);

---

?

總結(jié)

以上是生活随笔為你收集整理的console对象的方法log、info、warn、error的区别及几个实用的方法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。