首頁
學習紀錄
遊戲心得影視Life書單案件檔案
Side Projects委託作品與二創互動實驗場
Kurau
百百 BLOG
首頁
學習紀錄
遊戲心得影視Life書單案件檔案
Side Projects委託作品與二創互動實驗場
Kurau

Kurau Blog

「隨心而寫,真真假假,都是我」

一個記錄生活、輸出興趣的個人空間。
遊戲、影視、閱讀、學習……每一段體驗都值得留下文字。

頁面導覽

  • 學習紀錄
  • 遊戲心得
  • 影視Life
  • 書單
  • 委託作品與二創
  • Kurau
  • 合作邀請

找到我

歡迎來 Discord 找我聊天!

“曾經發生的事不可能忘記,只是暫時想不起來而已。”-《神隱少女》

© 2026 Kurau All rights reserved

面試考題

各種console

By Kurau·Updated 2026-05-09·2 分鐘閱讀

**console.log** 和 **console.error** 都是 JavaScript 控制台輸出訊息的方法。但是在顯示的時候會有一些不同的風格,例如:

  • **console.log** 通常用於輸出訊息或者是觀察程式的某些值,顯示的是綠色的普通文字。
  • **console.error** 通常用於輸出錯誤訊息,顯示的是紅色的文字。

還有其他的控制台輸出方法,例如:

  • **console.warn**:輸出警告訊息,顯示的是黃色的文字。

  • **console.info**:輸出提示訊息,顯示的是藍色的文字。

  • **console.debug**:輸出調試訊息,顯示的是灰色的文字。

進階用法

console.table:以表格顯示資料

const users = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
];
console.table(users);
JavaScript

console.group / console.groupEnd:分組顯示

console.group('使用者資料');
console.log('姓名: Alice');
console.log('年齡: 25');
console.groupEnd();
JavaScript

console.time / console.timeEnd:測量執行時間

console.time('loop');
for (let i = 0; i < 100000; i++) {}
console.timeEnd('loop'); // loop: 2.5ms
JavaScript

console.count:計算呼叫次數

function greet(name) {
  console.count(name);
}
greet('Alice'); // Alice: 1
greet('Bob');   // Bob: 1
greet('Alice'); // Alice: 2
JavaScript

console.assert:條件式輸出

console.assert(1 === 2, '這個條件是 false,會顯示這則訊息');
JavaScript

樣式化輸出

console.log('%c標題', 'color: red; font-size: 20px; font-weight: bold;');
JavaScript

目錄

    ◆ 相關文章

    • Async function-Await 函式

      2026-06-02
    • throw Error用法

      2026-06-02
    • TypeScript 特性 - Interface

      2026-06-02
    • TypeScript 資料型別 - 元組(Tuple) & 列舉(Enum)

      2026-06-02
    ← 上一篇創建自己的模板下一篇 →四種渲染模式

    ◆ 關於作者

    Kurau

    個人寫作 / 創作的 SoT,記錄遊戲、影視、學習與生活。

    更多 Kurau 的文章