超越console.log

介紹

儘管我希望第一次嘗試就能成功，但最好還是做好調試的準備。 console.log 仍然是執行此操作的主要工具，因為它是最簡單且最快的。

大家都知道的幾個控制台方法，log、warn 和 error。

更深入

還有更多技巧。

數數

例如，如果需要計算元件重新渲染可以使用console.count的次數，例如console.count('comp1')

組與組折疊

可以使用console.groupCollapsed 在折疊群組中記錄一些訊息，這在出現許多錯誤訊息時非常有用，當它們列印折疊時，它不會那麼分散注意力，但Node.js/Sentry 可能會列印所有展開的內容。

點選

造型

可以用一些CSS

目錄

可以使用console.dir來記錄物件的屬性

物體

可以用大括號記錄一些對象，例如 console.log({ obj1, obj2 })，而不是 console.log('Ojb1', obj1)

斷言

可以使用console.assert斷言

時間

可以使用console.time測量某些操作需要多長時間

痕跡

使用 console.trace() 列印堆疊追蹤

清除

使用 console.clear() 清除內容

有關的

看精彩的舊貼文 - https://dev.to/lissy93/fun-with-consolelog-3i59

以上是超越console.log的詳細內容。更多資訊請關注PHP中文網其他相關文章！