靈活使用 console 讓 js 調試更簡單
https://segmentfault.com/a/1190000018756503
console.warn()
可能是最明顯的直接替換 log()，你可以以完全相同的方式使用 console.warn()。 唯一真正的區別是輸出字的顏色是黃色的。 具體來說，輸出處於警告級別而不是資訊級別，因此流覽器將稍微區別對待它。 這具有使其在雜亂輸出中更明顯的效果。
console.table()
table函數旨在以一種比僅僅轉出原始物件陣列更整潔的方式顯示表格資料。
console.assert()
assert() 與 log() 是相同的函數，assert()是對輸入的運算式進行斷言，只有運算式為false時，才輸出相應的資訊到控制台。
console.trace()
trace在簡單的資料中很難演示。當您試圖在類或庫中找出是哪個實際調用者導致了這個問題時，它的優勢就顯現出來了，trace可具體的顯示各層函數呼叫來源與路徑。
console.time()與console.timeEnd()
console.time() 是一個用於跟蹤操作時間的專用函數，它是跟蹤 JavaScript執行時間與效能的好方法。
console.group()與console.groupEnd()
若是想通過console輸出大量數據時想分層或縮排時，可使用group來處理。
clear()
清除控制台和記憶體
#Javascript, console, log, bug, 開發, 測試, 追蹤
https://segmentfault.com/a/1190000018756503
console.warn()
可能是最明顯的直接替換 log()，你可以以完全相同的方式使用 console.warn()。 唯一真正的區別是輸出字的顏色是黃色的。 具體來說，輸出處於警告級別而不是資訊級別，因此流覽器將稍微區別對待它。 這具有使其在雜亂輸出中更明顯的效果。
console.table()
table函數旨在以一種比僅僅轉出原始物件陣列更整潔的方式顯示表格資料。
console.assert()
assert() 與 log() 是相同的函數，assert()是對輸入的運算式進行斷言，只有運算式為false時，才輸出相應的資訊到控制台。
console.trace()
trace在簡單的資料中很難演示。當您試圖在類或庫中找出是哪個實際調用者導致了這個問題時，它的優勢就顯現出來了，trace可具體的顯示各層函數呼叫來源與路徑。
console.time()與console.timeEnd()
console.time() 是一個用於跟蹤操作時間的專用函數，它是跟蹤 JavaScript執行時間與效能的好方法。
console.group()與console.groupEnd()
若是想通過console輸出大量數據時想分層或縮排時，可使用group來處理。
clear()
清除控制台和記憶體
#Javascript, console, log, bug, 開發, 測試, 追蹤
留言
張貼留言