先說一下console，JavaScript 原生中默認是沒有 Console 對象，這是某些瀏覽器提供的內置對象。
在不同的瀏覽器里顯示可能不同

下面的運行截圖中，圖中的灰色是運行的這句，灰色下面是此句運行的結果

---

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

1、 log()和info()

• 這兩個沒區別，看別人有說info()前有個藍色的圖標，不過我使用的版本的谷歌瀏覽器運行時沒有
  
  因為沒有運行出來，下面這張圖是在網上偷的，地址：https://zhuanlan.zhihu.com/p/23080626。
  下面會有堆棧內依次調用運行的方法名及其他等信息，有的瀏覽器是沒有的
  

2、warn()和error()

• warn()輸出的log前有個黃色的圖標
• error()輸出的log前有個紅色的圖標
• 這兩個展開下面，會有堆棧內依次調用運行的方法名及其他等信息，除了顏色信息都是一樣的
  

---

幾個實用的方法

1、trace()

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

2、count()

• 可以把console.count()放在一個方法內，每次調用都會加1，更好顯示方法被調用了多少次。

3、time()和timeEnd()

• 以ms為單位的時間，這兩個要同時用，可以不寫參數，輸出的是，default：** ms
• 如果加了參數，參數要一致console.time(“count”);否則會報錯，輸出的是，count：** ms
  

4、assert()

• 一般兩個參數，前面的是表達式，后面是要輸出的內容，如果表達式為false，則輸出
  

5、clear()

• 清空console的輸出信息。

6、dir()

• 使輸出內容格式化更易讀，而且也會輸出一個對象的全部屬性和方法。

7、table()

• 數組格式

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

下面的圖輸出的是沒有引號的，我只是表現上加了console.table("table");

• 對象格式

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

---

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。