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







