除了console.log調(diào)試外,還有那些瀏覽器打印調(diào)試
2020/11/7 10:50:24 閱讀：3049
發(fā)布者：3049
console.log方法使我們最常使用的了，用于在控制臺(tái)打印信息。他的功能還是很強(qiáng)大的，各種數(shù)據(jù)類型如number、string、array、object、function等都能打印，并在后面顯示錯(cuò)誤發(fā)生的位置。
console.info 和 console.log 的作用是幾乎完全一樣的，也是在控制臺(tái)中打印信息，只不過(guò)打印時(shí)的樣式可能與 console.log 略有區(qū)別。
在這里需要說(shuō)明一下，Console 對(duì)象并不是javascript的內(nèi)置對(duì)象，而是瀏覽器的內(nèi)置對(duì)象，因此在控制臺(tái)中的輸出樣式和各瀏覽器相關(guān)。
console.error 同樣和console.log的作用幾乎一樣，不過(guò)會(huì)將打印的內(nèi)容通過(guò)顯目的紅色標(biāo)注出來(lái)并前面帶一個(gè) × 。
如下所示，當(dāng)大家在開發(fā)調(diào)試的過(guò)程中通過(guò) console.log 打印的內(nèi)容很多，但某條打印信息想要快速的找到時(shí)，console.error 這種“萬(wàn)黑叢中一點(diǎn)紅”的效果，可以讓你很便捷地找到。
當(dāng)然了，當(dāng)我們的程序邏輯執(zhí)行出錯(cuò)時(shí)，在控制臺(tái)中的報(bào)錯(cuò)信息也是通過(guò) console.error 來(lái)打印的，所以如果你真的使用 console.error 來(lái)進(jìn)行調(diào)試時(shí)，千萬(wàn)不要把打印的內(nèi)容誤以為代碼邏輯有錯(cuò)誤。
console.warn的道理同上，會(huì)通過(guò)黃色感嘆號(hào)來(lái)高亮打印信息。
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)試過(guò)程中十分有用的方法，他可以追溯你的邏輯執(zhí)行過(guò)程。
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)返回第一行，
