阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈

您在開發過程中是否總是在專案中使用console.log

儘管我們將繼續使用console.log ,但還有其他替代方案可以讓您的開發更加有趣和有效率。

console.dir()

用於陣列和物件的分層清單。

console.dir(["apples", "oranges", "bananas"]);

console.dir 範例

console.table()

用於物件和陣列的行和列列表。

console.table(["apples", "oranges", "bananas"]);

console.table 陣列範例

console.table({"a": 1, "b": 2, "c": 3});

console.table 物件範例

console.group()

console.log("This is the top outer level");

console.group("Task 1");
console.log("Task activity 1");
console.log("Task activity 2");
console.groupEnd();

console.log("Back to the top outer level");

console.time() 和 console.timeEnd()

try {
  console.time("recording...");
  await someAsyncTask();
} catch (error) {
   // handle error
} finally {
  console.timeEnd("completed");
}

console.clear()

這將清除console。

我希望這可以幫到你! 🚀


原文出處:https://dev.to/alishgiri/say-no-to-consolelog-556n


共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。

阿川私房教材:學程式,拿 offer!

63 個專案實戰,直接上手!
無需補習,按步驟打造你的面試作品。

立即解鎖你的轉職秘笈