這篇文章給大家分享的是有關javascript進行調試的方法的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
javascript調試方法:1、使用“console.log”方法在控制臺打印對象,語法“console.log(對象)”;2、使用“console.time”方法在控制臺打印程序執行時間,語法“console.time('標簽')”。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
1. 學會使用console.log
console.log誰都會用,但是很多同學只知道最簡單的console.log(x)這樣打印一個對象,當你的代碼里面console.log多了之后,會很難將某條打印結果和代碼對應,所以我們可以給打印信息加上一個標簽便于區分:
let x = 1;console.log('aaaaaaaa', x);
得到:
標簽不一定要有明確的含義,視覺效果顯著就可以了,當然有明確意義更好。
事實上,console.log可以接收任意多的參數,最后將這些對象拼接輸出,比如:
如果打印信息過多,不容易找到目標信息的話,可以在控制臺中進行過濾:
注意點
在使用console.log打印一個引用類型(比如數組和自定義對象)的對象的時候,輸出結果可能并不是執行console.log方法那個時間點的值。舉個例子:
可以發現兩個console.log輸出的結果展開后都是[1, 2, 3, 4],因為數組是引用類型,所以在展開后獲取到的都是數組最新的狀態。我們可以使用JSON.parse(JSON.stringify(...))來解決這個問題:
2. 學會使用console.time
有時候我們想知道一段代碼的性能或者一個異步方法需要運行多久,這時候需要用到定時器,JavaScript提供了現成的console.time方法,例如:
感謝各位的閱讀!關于“javascript進行調試的方法”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。