跳到主要內容
← 回到學習

學習 · 面試考題

各種console

By Kurau2 分鐘閱讀

**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