JavaScript快速調(diào)試的兩個技巧
直接上干貨!💨
console.table展示數(shù)據(jù)
在控制臺上展示數(shù)組或?qū)ο?,使用console.table比console.log更加直觀明了。
// 在控制臺上運行
console.table([
{ firstName: 'John', lastName: 'Doe', age: 2 },
{ firstName: 'William', lastName: 'Shakespeare', age: 3 }
])
展示為一個table表,友好很多:

當(dāng)然,你還可以指定展示哪些列~
// 在控制臺上運行
console.table([
{ firstName: 'John', lastName: 'Doe', age: 2 },
{ firstName: 'William', lastName: 'Shakespeare', age: 3 }
], ['firstName', 'lastName'])
上面指定展示firstName和lastName這兩列,當(dāng)然,(index)
是默認(rèn)有的。

注意⚠:語法 console.table(data [, columns]);
copy復(fù)制數(shù)據(jù)
如果你使用谷歌瀏覽器并需要復(fù)制控制臺輸出的數(shù)據(jù)。你可以使用copy()命令行,而不是手動高亮選擇對應(yīng)代碼進(jìn)行復(fù)制。
const data = [2, 3, 4]; copy(data);
執(zhí)行上面的代碼,會將data數(shù)據(jù)值復(fù)制到你的粘貼板上。你可以在任意文檔中進(jìn)行粘貼。
注意⚠:copy命令僅在谷歌瀏覽器控制臺上生效,并且在node.js環(huán)境中無效。
參考
到此這篇關(guān)于JavaScript快速調(diào)試技巧的文章就介紹到這了,更多相關(guān)JavaScript快速調(diào)試內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
javascript數(shù)據(jù)結(jié)構(gòu)之二叉搜索樹實現(xiàn)方法
這篇文章主要介紹了javascript數(shù)據(jù)結(jié)構(gòu)之二叉搜索樹實現(xiàn)方法,較為詳細(xì)的分析了二叉搜索樹的概念、原理與JavaScript實現(xiàn)二叉搜索樹的方法,對于學(xué)習(xí)JavaScript數(shù)據(jù)結(jié)構(gòu)具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11

