Skip to content

Latest commit

 

History

History
60 lines (50 loc) · 2.41 KB

7.2.1.md

File metadata and controls

60 lines (50 loc) · 2.41 KB

7.2.1 在控制台中输出日志

  console对象中,除了目前为止一直使用的log方法,还有下面这些方法。

方法 概要
log(str) 通常的日志
info(str) 通常的信息
warn(str) 警告
error(str) 错误
●基本的用于输出日志的方法

  通常来说,虽然使用log方法就足够了,但是使用info/warn/error方法,有以下好处。

  • 可以给消息添加图标或者颜色,所以日志更容易识别
  • 可以通过开/关控制台中的[Errors][Warnings][Info][Logs]等按钮(在Google Chrome中),筛选要显示的日志

  如果是在复杂的应用中日志的个数增加了很多,推荐根据目的来使用不同的方法。下面,我们来看下具体的例子吧。

●清单7-08 log.js image

'日志'
'信息'
'警告'
'错误'
JavaScript完全学习教程
过滤日志
日志
信息
警告
错误

●使用console对象输出的日志

【371页】

  任何一个方法都可以设定多个参数。这时,console对象按照顺序输出设定的参数。

■按照格式输出字符串
  log/info/warn/error方法的写法如下(虽然下面显示的是log方法的写法,但其他方法也是相同的)。

●语法 log方法 image

format:格式字符串
args,...:填入格式字符串中的值

  参数format中可以设定下面这些格式占位符。

格式占位符 概要
%s 输出字符串
%d、%i 输出整数值(%.2d表示2位整数)
%f 输出浮点数(%.2f表示保留2位小数)
%o、%O 输出JavaScript对象(可以在控制台中输出详细信息)
●参数format中可以使用的格式占位符
【372页】

  将%d/%i、%f写为「%.nd」这样的形式,可以指定要输出的数字的位数(只有在Firefox中)。那么,我们来看下具体的例子吧。

●清单7-09 log_format.js image

'你好,我是%s。%d岁。', '山田太郎'
// 结果:你好,我是山田太郎。30岁。
'今天的气温是%2.f度。'
// 结果:今天的气温是22.50度。(在Firefox中)