1. 程式人生 > 程式設計 >JavaScript快速除錯的兩個技巧

JavaScript快速除錯的兩個技巧

直接上乾貨!💨

console.table展示資料

在控制檯上展示陣列或物件,使用console.table比console.log更加直觀明瞭。

// 在控制檯上執行
console.table([
 { firstName: 'John',lastName: 'Doe',age: 2 },{ firstName: 'William',lastName: 'Shakespeare',age: 3 }
])

展示為一個table表,友好很多:

JavaScript快速除錯的兩個技巧

當然,你還可以指定展示哪些列~

// 在控制檯上執行
console.table([
 { firstName: 'John',age: 3 }
],['firstName','lastName'])

上面指定展示firstName和lastName這兩列,當然,(index)

是預設有的。

JavaScript快速除錯的兩個技巧

注意⚠:語法 console.table(data [,columns]);

copy複製資料

如果你使用谷歌瀏覽器並需要複製控制檯輸出的資料。你可以使用copy()命令列,而不是手動高亮選擇對應程式碼進行復制。

const data = [2,3,4];
copy(data);

執行上面的程式碼,會將data資料值複製到你的貼上板上。你可以在任意文件中進行貼上。

注意⚠:copy命令僅在谷歌瀏覽器控制檯上生效,並且在node.js環境中無效。

參考

  • developer.mozilla.org/zh-CN/docs/…
  • dev.to/tawn33y/2-q…

到此這篇關於JavaScript快速除錯技巧的文章就介紹到這了,更多相關JavaScript快速除錯內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!