JavaScript快速調(diào)試的兩個(gè)技巧
直接上干貨!💨
console.table展示數(shù)據(jù)
在控制臺(tái)上展示數(shù)組或?qū)ο?,使用console.table比console.log更加直觀明了。
// 在控制臺(tái)上運(yùn)行 console.table([ { firstName: 'John', lastName: 'Doe', age: 2 }, { firstName: 'William', lastName: 'Shakespeare', age: 3 } ])
展示為一個(gè)table表,友好很多:
當(dāng)然,你還可以指定展示哪些列~
// 在控制臺(tái)上運(yùn)行 console.table([ { firstName: 'John', lastName: 'Doe', age: 2 }, { firstName: 'William', lastName: 'Shakespeare', age: 3 } ], ['firstName', 'lastName'])
上面指定展示firstName和lastName這兩列,當(dāng)然,(index)
是默認(rèn)有的。
注意⚠:語(yǔ)法 console.table(data [, columns]);
copy復(fù)制數(shù)據(jù)
如果你使用谷歌瀏覽器并需要復(fù)制控制臺(tái)輸出的數(shù)據(jù)。你可以使用copy()命令行,而不是手動(dòng)高亮選擇對(duì)應(yīng)代碼進(jìn)行復(fù)制。
const data = [2, 3, 4]; copy(data);
執(zhí)行上面的代碼,會(huì)將data數(shù)據(jù)值復(fù)制到你的粘貼板上。你可以在任意文檔中進(jìn)行粘貼。
注意⚠:copy命令僅在谷歌瀏覽器控制臺(tái)上生效,并且在node.js環(huán)境中無(wú)效。
參考
到此這篇關(guān)于JavaScript快速調(diào)試技巧的文章就介紹到這了,更多相關(guān)JavaScript快速調(diào)試內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
面向?qū)ο罄^承實(shí)例(a如何繼承b問(wèn)題)(自寫)
經(jīng)常會(huì)看到a如何繼承b的問(wèn)題;決定寫一下,其實(shí)繼承就是繼承父級(jí)的屬性和方法,感興趣的朋友可以參考下哈,希望對(duì)大家有所幫助2013-07-07JS實(shí)現(xiàn)下拉菜單列表與登錄注冊(cè)彈窗效果
下面小編就為大家?guī)?lái)一篇JS實(shí)現(xiàn)下拉菜單列表與登錄注冊(cè)彈窗效果。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08JavaScript數(shù)據(jù)類型學(xué)習(xí)筆記分享
這篇文章主要為大家分享了JavaScript數(shù)據(jù)類型學(xué)習(xí)筆記,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09layer.alert自定義關(guān)閉回調(diào)事件的方法
今天小編就為大家分享一篇layer.alert自定義關(guān)閉回調(diào)事件的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09控制臺(tái)報(bào)錯(cuò):Cannot?access?'xxx'?before?initializatio
這篇文章主要給大家介紹了關(guān)于控制臺(tái)報(bào)錯(cuò):Cannot?access?'xxx'?before?initialization的解決方法,文中通過(guò)代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-11-11