整理一下console的方法
最常用的就是console.log
了, 其实这个方法支持css
, 如下, 很花哨
console.log('%chello %s %s %c%s', 'color:green;font-family:Hanzipen TC', 'QQQ','T', 'background-color: #ff6600;color:#fff','How are you')
可以看到%c
对应样式, %s
对应字符,
上面第一个参数中, 书写的顺序是%c %s %s %c %s
, 所以从第二个参数开始, 传参顺序的是样式, 字符, 字符, 样式, 字符
.
警告
console.warn('This is a warning')
错误
console.warn('This is a warning')
计数, 相同的label数量会相加 (可以用来统计函数调用次数)
console.count()
console.count()
console.count()
console.count('ddd')
console.count('hhh')
console.count('ddd')
console.count('hhh')
// 结果:
// default: 1
// default: 2
// default: 3
// ddd: 1
// hhh: 1
// ddd: 2
// hhh: 2
断言, 断言为false,则将打印一个错误消息
let num = 10
console.assert(num < 5, "num is large than 5")
console.debug('Only view at the "debug" log level')
只有在level
包含Info
的时候才显示
打印出该对象的所有属性和属性值.
let obj = {
a: 1,
b: {
bb: 22,
cc: {
ccc: 222
}
},
fn() {
return
}
}
console.dir(obj)
和普通的log
好像没什么区别?
console.dirxml(document)
和普通的log
好像没什么区别?
分组
console.group('out');console.log('1');console.log('2');console.group('inner');console.log('333');
表格得形式展示对象/数组
可以用于计时(参数用于区分多个timer
, 也用于显示打印的label
)
console.time('Traversal');
let i = 100000000;
while(i >= 0){
i--;
}
console.timeEnd('Traversal');