你所熟悉而陌生的 console 對象 ??!!

作為前端開發者,瀏覽器的console對象乃是JS調試的尚方寶劍,以下常見的方法相信大家都用過:


  • console.log()

  • console.info()

  • console.warn()

  • console.error()

然而其實還有更多實用而強大的方法靜靜地躺在那裡等待著我們發掘

1. console.clear()

清空控制檯

2. console.trace()

打印帶堆棧的日誌,讓調用過程一目瞭然

你所熟悉而陌生的 console 對象 ??!!

3. console.time() & console.timeEnd()

計算代碼運算時間,找到你的代碼性能問題,輸出的位置要注意異步操作

你所熟悉而陌生的 console 對象 ??!!

4. console.count(xx)

輸出執行的次數

你所熟悉而陌生的 console 對象 ??!!

5. console.assert(false/true,'xx')

輸出信息也可以自帶條件判斷了,第一個參數結果為false時將打印出error級別的信息

你所熟悉而陌生的 console 對象 ??!!

6. console.memory 屬性

注意不是方法,此屬性打印出堆棧的大小,有助於找出性能問題(比如內存洩露)

你所熟悉而陌生的 console 對象 ??!!

這些方法在關鍵的時候很有用,下次在代碼中嘗試一下吧。

注:本文整理自網絡,Yotam Kadishay

你所熟悉而陌生的 console 對象 ??!!


【html】【css】【html】【css】【javascript】【html】【javascript】【css】【javascript】【css】


分享到:


相關文章: