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ū)崿F(xiàn)倒計(jì)時(shí)補(bǔ)零功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)補(bǔ)零功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
很多情況下，需要用到隨機(jī)數(shù)，腳本之家特為大家整理了一些具體的使用與說(shuō)明。2010-08-08
Map和WeakMap都是ES6中新增的數(shù)據(jù)結(jié)構(gòu),它們的主要區(qū)別在于鍵的作用域和鍵的類型,本文就通過(guò)代碼示例給大家詳細(xì)介紹了JavaScript鍵的作用域和類型,需要的朋友可以參考下2023-08-08
js開發(fā)插件實(shí)現(xiàn)tab選項(xiàng)卡效果
這篇文章主要為大家詳細(xì)介紹了js開發(fā)插件實(shí)現(xiàn)tab選項(xiàng)卡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
javascript數(shù)據(jù)結(jié)構(gòu)之二叉搜索樹實(shí)現(xiàn)方法
這篇文章主要介紹了javascript數(shù)據(jù)結(jié)構(gòu)之二叉搜索樹實(shí)現(xiàn)方法,較為詳細(xì)的分析了二叉搜索樹的概念、原理與JavaScript實(shí)現(xiàn)二叉搜索樹的方法,對(duì)于學(xué)習(xí)JavaScript數(shù)據(jù)結(jié)構(gòu)具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了JS徹底弄懂GMT和UTC時(shí)區(qū)，對(duì)時(shí)間感興趣的同學(xué)，可以參考下2021-04-04
JS簡(jiǎn)單獲得節(jié)點(diǎn)元素的方法示例
這篇文章主要介紹了JS簡(jiǎn)單獲得節(jié)點(diǎn)元素的方法,結(jié)合實(shí)例形式分析了javascript獲取頁(yè)面節(jié)點(diǎn)元素及修改元素屬性相關(guān)操作技巧,需要的朋友可以參考下2018-02-02
JS簡(jiǎn)單實(shí)現(xiàn)移動(dòng)端日歷功能示例
這篇文章主要介紹了JS簡(jiǎn)單實(shí)現(xiàn)移動(dòng)端日歷功能的方法,涉及javascript針對(duì)日期與時(shí)間的操作及顯示相關(guān)技巧,需要的朋友可以參考下2016-12-12
本文主要介紹了原生js封裝自定義滾動(dòng)條的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
xmlplus 是一個(gè)JavaScript框架，用于快速開發(fā)前后端項(xiàng)目。這篇文章主要介紹了xmlplus組件設(shè)計(jì)系列之列表，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04