先說一下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);

• 對象格式

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

---

其他還有幾個，用的不多，不，因為我不用，所以我就不寫，任性。

轉載于：https://blog.csdn.net/S_clifftop/article/details/80363128?

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

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

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