如何應用Javascript的除錯命令

來源:酷知科普網 2.81W

在運用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張
熱門標籤