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