浏览器提供了多种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控制台信息，其它控制台效果类似。
网友评论