各種console
**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);
console.group / console.groupEnd:分組顯示
console.group('使用者資料');
console.log('姓名: Alice');
console.log('年齡: 25');
console.groupEnd();
console.time / console.timeEnd:測量執行時間
console.time('loop');
for (let i = 0; i < 100000; i++) {}
console.timeEnd('loop'); // loop: 2.5ms
console.count:計算呼叫次數
function greet(name) {
console.count(name);
}
greet('Alice'); // Alice: 1
greet('Bob'); // Bob: 1
greet('Alice'); // Alice: 2
console.assert:條件式輸出
console.assert(1 === 2, '這個條件是 false,會顯示這則訊息');
樣式化輸出
console.log('%c標題', 'color: red; font-size: 20px; font-weight: bold;');