javascript進(jìn)行調(diào)試的方法

這篇文章給大家分享的是有關(guān)javascript進(jìn)行調(diào)試的方法的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

javascript調(diào)試方法：1、使用“console.log”方法在控制臺(tái)打印對(duì)象，語法“console.log(對(duì)象)”；2、使用“console.time”方法在控制臺(tái)打印程序執(zhí)行時(shí)間，語法“console.time('標(biāo)簽')”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

1. 學(xué)會(huì)使用console.log

console.log誰都會(huì)用，但是很多同學(xué)只知道最簡單的console.log(x)這樣打印一個(gè)對(duì)象，當(dāng)你的代碼里面console.log多了之后，會(huì)很難將某條打印結(jié)果和代碼對(duì)應(yīng)，所以我們可以給打印信息加上一個(gè)標(biāo)簽便于區(qū)分：

let x = 1;console.log('aaaaaaaa', x);

得到：

標(biāo)簽不一定要有明確的含義，視覺效果顯著就可以了，當(dāng)然有明確意義更好。

事實(shí)上，console.log可以接收任意多的參數(shù)，最后將這些對(duì)象拼接輸出，比如：

如果打印信息過多，不容易找到目標(biāo)信息的話，可以在控制臺(tái)中進(jìn)行過濾：

注意點(diǎn)

在使用console.log打印一個(gè)引用類型（比如數(shù)組和自定義對(duì)象）的對(duì)象的時(shí)候，輸出結(jié)果可能并不是執(zhí)行console.log方法那個(gè)時(shí)間點(diǎn)的值。舉個(gè)例子：

可以發(fā)現(xiàn)兩個(gè)console.log輸出的結(jié)果展開后都是[1, 2, 3, 4]，因?yàn)閿?shù)組是引用類型，所以在展開后獲取到的都是數(shù)組最新的狀態(tài)。我們可以使用JSON.parse(JSON.stringify(...))來解決這個(gè)問題：

2. 學(xué)會(huì)使用console.time

有時(shí)候我們想知道一段代碼的性能或者一個(gè)異步方法需要運(yùn)行多久，這時(shí)候需要用到定時(shí)器，JavaScript提供了現(xiàn)成的console.time方法，例如：

感謝各位的閱讀！關(guān)于“javascript進(jìn)行調(diào)試的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！