除了console.log調(diào)試外,還有那些瀏覽器打印調(diào)試
2020/11/7 10:50:24 閱讀:3055
發(fā)布者:3055
console.log方法使我們最常使用的了,用于在控制臺(tái)打印信息。他的功能還是很強(qiáng)大的,各種數(shù)據(jù)類型如number、string、array、object、function等都能打印,并在后面顯示錯(cuò)誤發(fā)生的位置。
console.info 和 console.log 的作用是幾乎完全一樣的,也是在控制臺(tái)中打印信息,只不過打印時(shí)的樣式可能與 console.log 略有區(qū)別。
在這里需要說明一下,Console 對(duì)象并不是javascript的內(nèi)置對(duì)象,而是瀏覽器的內(nèi)置對(duì)象,因此在控制臺(tái)中的輸出樣式和各瀏覽器相關(guān)。
console.error 同樣和console.log的作用幾乎一樣,不過會(huì)將打印的內(nèi)容通過顯目的紅色標(biāo)注出來并前面帶一個(gè) × 。
如下所示,當(dāng)大家在開發(fā)調(diào)試的過程中通過 console.log 打印的內(nèi)容很多,但某條打印信息想要快速的找到時(shí),console.error 這種“萬黑叢中一點(diǎn)紅”的效果,可以讓你很便捷地找到。
當(dāng)然了,當(dāng)我們的程序邏輯執(zhí)行出錯(cuò)時(shí),在控制臺(tái)中的報(bào)錯(cuò)信息也是通過 console.error 來打印的,所以如果你真的使用 console.error 來進(jìn)行調(diào)試時(shí),千萬不要把打印的內(nèi)容誤以為代碼邏輯有錯(cuò)誤。
console.warn的道理同上,會(huì)通過黃色感嘆號(hào)來高亮打印信息。
console.time 和 console.timeEnd 兩個(gè)方法是結(jié)合在一起使用的,他們接受一個(gè)相同的參數(shù),輸出兩句表達(dá)式中間的代碼的執(zhí)行時(shí)間。
console.count 會(huì)打印當(dāng)前的打印內(nèi)容,并在后面跟上該內(nèi)容的打印次數(shù)。
console.table 會(huì)將復(fù)合數(shù)據(jù)類型(對(duì)象,數(shù)組等)在控制臺(tái)中以表格的形式打印輸出,并且你可以將對(duì)象數(shù)組嵌套乃至結(jié)合使用,他都能夠?qū)⑵浣馕鰹楸砀裥问健?/span>
console.group和console.groupEnd 結(jié)合使用,他們用于將打印的信息分組,可以把信息進(jìn)行折疊和展開。
console.trace 是一個(gè)調(diào)試過程中十分有用的方法,他可以追溯你的邏輯執(zhí)行過程。
console.assert 方法接受兩個(gè)參數(shù),第一個(gè)參數(shù)是表達(dá)式,第二個(gè)參數(shù)是字符串。只有當(dāng)?shù)谝粋€(gè)參數(shù)為false,才會(huì)輸出第二個(gè)參數(shù)(并且以error提示的形式輸出)。
console.clear 方法會(huì)清空控制臺(tái)所有打印內(nèi)容,并將光標(biāo)返回第一行,