只會用console.log()?想成為除錯大佬？那就看看這篇文字吧！

讓我們直接切入正題，來看看控制檯到底能做些什麼吧！畢竟您是個有上進心的前端工程師哈

1。 console。group（‘name’） and console。groupEnd（‘name’）

顧名思義，使用它們對日誌進行分組顯示，分組內可巢狀其他分組。console。group（‘groupName’）啟動分組，console。groupEnd（‘groupName’）結束該分組。還有第三個函式console。groupCollapsed，它以摺疊模式建立分組。

2。 console。trace（）

當你需要找到函式的呼叫堆疊時，也就是它被呼叫的位置時，console。trace非常有用，我主要使用它來查找回調函式的位置，它將打印出整個呼叫堆疊。

3。 console。count（“counter”）

假如你在寫一個React應用，然後你想要知道某個元件渲染的次數，你會怎麼做？去檢視原始碼，然後一個一個數？這真的是太麻煩了。你可以用console。count（“Counter”）來查詢渲染次數，我們還有一個相應的函式來清零計數器：console。countReset（‘Counter’）

4。 console。time（）和console。timeEnd（）

console。time（）啟動一個計時器，並用timeEnd（）結束計時，它們一般用於效能檢查時。你也可以將一個字串傳遞給time和timeEnd，它將啟動名稱為該字串的計時器。

5。 console。assert（）

判斷某些表示式/值是否為false

6。 console。clear（）

顧名思義，它清空控制檯。

7。 console。table（陣列）

它打印出一個可互動的表格，而您僅需傳入一個物件陣列。