console对象中,除了目前为止一直使用的log方法,还有下面这些方法。
方法 | 概要 |
---|---|
log(str) | 通常的日志 |
info(str) | 通常的信息 |
warn(str) | 警告 |
error(str) | 错误 |
●基本的用于输出日志的方法 |
通常来说,虽然使用log方法就足够了,但是使用info/warn/error方法,有以下好处。
- 可以给消息添加图标或者颜色,所以日志更容易识别
- 可以通过开/关控制台中的[Errors][Warnings][Info][Logs]等按钮(在Google Chrome中),筛选要显示的日志
如果是在复杂的应用中日志的个数增加了很多,推荐根据目的来使用不同的方法。下面,我们来看下具体的例子吧。
'日志'
'信息'
'警告'
'错误'
JavaScript完全学习教程
过滤日志
日志
信息
警告
错误
●使用console对象输出的日志
任何一个方法都可以设定多个参数。这时,console对象按照顺序输出设定的参数。
■按照格式输出字符串
log/info/warn/error方法的写法如下(虽然下面显示的是log方法的写法,但其他方法也是相同的)。
format:格式字符串
args,...:填入格式字符串中的值
参数format中可以设定下面这些格式占位符。
格式占位符 | 概要 |
---|---|
%s | 输出字符串 |
%d、%i | 输出整数值(%.2d表示2位整数) |
%f | 输出浮点数(%.2f表示保留2位小数) |
%o、%O | 输出JavaScript对象(可以在控制台中输出详细信息) |
●参数format中可以使用的格式占位符 |
将%d/%i、%f写为「%.nd」这样的形式,可以指定要输出的数字的位数(只有在Firefox中)。那么,我们来看下具体的例子吧。
'你好,我是%s。%d岁。', '山田太郎'
// 结果:你好,我是山田太郎。30岁。
'今天的气温是%2.f度。'
// 结果:今天的气温是22.50度。(在Firefox中)