JavaScript調試必會的8個console方法
- 2019 年 10 月 6 日
- 筆記
每個JavaScript開發者都用過console.log()
來調試程式,但實際上Console對象還提供了很多其他方法可以提高調試效率。本文將介紹8個有趣的Console方法,即使JavaScript老手也不一定知道!
1、console.assert ✅
學編程,上匯智網,在線編程環境,一對一助教指導。
console.assert
用來測試傳入的參數是true還是false。當傳入的值為false時,該函數將輸出第一個參數後的額外參數,否則不輸出任何日誌。

當你希望檢查值是否存在並且希望避免控制台輸出太多資訊時,assert
方法非常有用。
2、console.count and console.countReset ?
這兩個方法用來設置/複位特定字元串的日誌輸出計數器:

3、console.group and console.groupEnd ?
這兩個方法用來管理控制台日誌的分組。.group()
方法的第一個參數用來聲明一個標籤,後續的日誌自動縮進已展示分組。.groupEnd()
則結束分組日誌的縮進:

4、console.table ?
學編程,上匯智網,在線編程環境,一對一助教指導。
table()
方法用表格顯示對象或數組內容,非常有用:

console.table
使得查看嵌套的複雜對象或數組的內容不那麼困難了。
5、console.time and console.timeEnd ⏱
有時為了測試性能,需要檢查一段程式碼的執行時間,為此你可能會 使用Date API先記錄開始時間戳,然後執行完程式碼之後再次用Date 獲取新的時間戳並記錄兩者差值,就像這樣:

實際上,console本來就有time
和timeEnd
函數!只需要像下面這樣直接調用即可:

原文鏈接:只會用console.log調試JS程式碼?— 匯智網
(adsbygoogle = window.adsbygoogle || []).push({});