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