如何應用Javascript的調試命令

在運用Javascript進行腳本開發的時候,我們經常會用到console類中的log方法輸出一些調試信息。其實,在Javascript中還有很多的調試命令非常有用處。下面小編就給大家系統的介紹一下Javascript的調試命令。

如何應用Javascript的調試命令

操作方法

(01)首先要介紹的是最常用的調試命令,分別是,,和r四個命令,它們的效果如下圖所示,大家在使用這4個命令的時候要根據調試的信息進行選擇

如何應用Javascript的調試命令 第2張

(02)接下來就是分組的調試輸出,在Javascript中用p和pEnd結合進行分組調試信息輸出,如下圖所示

如何應用Javascript的調試命令 第3張

(03)然後是表格化調試輸出的應用,主要是用來對數組以及對象進行調試輸出,如下圖所示,javascript會把信息組織到表格中來增加可視化效果

如何應用Javascript的調試命令 第4張

(04)條件輸出也是Javascript中比較常用的輸出命令,運用rt命令進行輸出。它接受2個參數,如果第一個參數爲true的話,第二個參數不會輸出,否則第二個參數會輸出,如下圖所示

如何應用Javascript的調試命令 第5張

(05)自動輸出是調試命令中比較智能化的調試語句,如下圖所示,運用t進行計數調試,輸出的信息中會自動計數排序

如何應用Javascript的調試命令 第6張

(06)堆棧調試命令是Javascript中最實用的,如下圖所示,當方法之間存在調用的時候,瀏覽器會自動的按照堆棧順序進行輸出

如何應用Javascript的調試命令 第7張

(07)最後一個比較常用的Javascript調試命令就是時間輸出命令,如下圖所示,運用和End將代碼段包圍,即可測試出代碼的運行時間

如何應用Javascript的調試命令 第8張