瀏覽器提供了多種console方法,包括console.log, console.warn console.error等。多種方法結(jié)合使用,使調(diào)試信息更清晰。
仔細閱讀,文中有console黑科技!
常用方法
| 類別 | 代碼示例 | 真實截圖 |
|---|---|---|
| 日志(常用) | console.log('這是一段日志'); |
![]() |
| 信息 | console.info('這是一條信息'); |
![]() |
| 警告 | console.warn('這是一個警告'); |
![]() |
| 錯誤 | console.error('這是一條錯誤'); |
![]() |
| 錯誤 | throw new Error('這是一個錯誤提示'); |
![]() |
| 錯誤對象 | throw { name: '參數(shù)錯誤', message: 'data[0]不存在'} |
![]() |
罕見的黑科技
| 類別 | 代碼示例 | 真實截圖 |
|---|---|---|
| 打印調(diào)用鏈 |
console.trace(); . 可以看到 c被b調(diào)用,b被a調(diào)用 的關(guān)系 |
![]() |
| 成組打印 |
console.group() console.groupEnd() . 函數(shù)被執(zhí)行多次時,分組打印更清晰 |
![]() |
文中圖片為chrome控制臺信息,其它控制臺效果類似。







