常用的Console对象的属性
1. console.log()
和console.info()
2. console.warn()
和console.error()
3. console.debug()
- Node环境下
console.debug()
报错 - 前端
debug
,可以使用chrome
的插件Alt Devtools
,在需要debug
的地方,直接输入debugger
就可以停在这里 - 后端
debug
,直接使用npm
下载node-inspector
,使用时,直接在命令行输入node-inspector
,打开浏览器,在需要debug
的地方打断点
4. console.table()
数据格式01
var user = { name: 'Sherry',age: 18,school: ['Beijing School','Shanghai School'],} console.table(user);
数据格式02
var user = { name: 'Sherry',school: { beijing: 'Beijing School',shanghai: 'Shanghai School' } } console.table(user)
- Node环境下
console.table()
报错
5. console.count()
6. console.dir()
console.log('console.dir(user,{colors: true})'); var user = { name: 'Sherry',shanghai: 'Shanghai School' } } console.dir(user,{colors: true})
7. console.dirxml()
- 浏览器DOM节点形式输出
-
浏览器端
- Node环境下
console.dirxml()
报错
8. console.time()
和console.timeEnd()
- 计算某个操作耗费的时间
- 操作所花费的时间,浏览器端和Node环境下都可以使用,功能相同
console.time('for 1000000 times'); for(let i = 0; i < 1000000; i++){ } console.timeEnd('for 1000000 times');
输出结果:for 1000000 times: 3.094ms