console入门
console回车后查看
常用:
console.log(object[, object, ...])
打印日志
(第一个参数,可以输出类似 C 语言 printf 字符串替换模式,绘制图案)console.debug()
打印调试,和log一样,颜色不同console.error()
打印错误,同上;同时打印出瞬间的调用栈,同trace;console.info()
打印信息,同上console.warn()
打印警告,同上console.assert(expression[, object, ...])
打印断言,类似于单元测试中的断言,当 expression 表达式为 false 的时候,输出后面的信息console.clear()
清空 console 中的所有信息 (Chrome中不支持)console.dirxml(<node>)
把 html 元素的html 代码打印出来,等同于logconsole.trace()
查看当前函数的调用堆栈信息,即当前函数是如何调用的console.group(object[, object, ...])
,console.groupCollapsed()
,console.groupEnd()
这 3 个函数用于把 log 等输出的信息进行分组,方便阅读查看。
groupCollapsed() 方法与 group() 方法一样,只是显示的分组默认是折叠的.console.time(name)/console.timeEnd(name)
我们经常需要测试 js 函数的执行时间,可能我们自己写代码在第1 条语句和 最后 1 条语句取当前时间相减。
这组函数其实就实现了这样的功能:
time(name)根据 name 创建 1 个新 的计时器;=>
timeEnd(name)停止给定name 的计时器,并显示时间。console.profile(name)/console.profileEnd()
这组方法用于打开浏览器的分析器,用于分析这组函数之间的 js 执行情况,
注:firebuglite 不支持 profile 功能,Chrome 支持 profile,但分析的内容不详。console.count([title])
用于统计当前代码执行次数:title+“:”+次数console.table(data)
以表格形式显示data数据
注:只支持 firebug1.6+conssole.timestamp
Log 支持下面几种替换模式:
- %s (代替字符串)
- %d%i (代替整数)
- %f (代替浮点值)
- %o%O (代替 Object)
- %c (css样式)
e.g:console.log("%c你好","color:red;font-size:28px")
,在控制台输出有意思的图案~!