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本來就有timetimeEnd函數!只需要像下面這樣直接調用即可:

原文鏈接:只會用console.log調試JS程式碼?— 匯智網

(adsbygoogle = window.adsbygoogle || []).push({});