常见的console用法
-
1.console.log(object[, object...])
打印输出结果,可能是工作中最常用的运算结果输出了
示例: var str="abc"; console.log(str); //abc
-
2.console.warn(object[, object...])
输出参数的内容,作为警告提示。
示例: console.warn('warn'); // 输出 warn
-
3.console.info(object[, object...])
也是打印常用信息,跟console.log()几乎没有区别
-
4.console.error(object[, object...])
打印错误信息
示例: console.warn('error'); // 输出 error
-
5.console.time(name)
计时器,可以将成对的
console.time()
和console.timeEnd()
之间代码的运行时间输出到控制台上,name
参数可作为标签名。我们常用于计算一段程序的执行时间示例: console.time('计时器'); for (var i = 0; i < 1000; i++) { for (var j = 0; j < 1000; j++) {} } console.timeEnd('计时器'); // 计时器: 6.188720703125ms
-
6.console.profile([profileLabel])
这是个挺高大上的东西,可用于性能分析。在 JS 开发中,我们常常要评估段代码或是某个函数的性能。在函数中手动打印时间固然可以,但显得不够灵活而且有误差。借助控制台以及
console.profile()
方法我们可以很方便地监控运行性能。示例: function parent() { for (var i = 0; i < 10000; i++) { childA(i) } } function childA(j) { for (var i = 0; i < j; i++) { console.log("hehe") } } console.profile('性能分析'); parent(); console.profileEnd();
-
7.console.log()
可将传入的对象,或数组以表格形式输出,相比传统树形输出,这种输出方案更适合内部元素排列整齐的对象或数组,不然可能会出现很多的 undefined。
示例: var obj = { foo: { name: 'foo', age: '33' }, bar: { name: 'bar', age: '45' } }; var arr = [ ['foo', '33'], ['bar', '45'] ]; console.table(obj); //console 中以表格的形式输出 console.table(arr);
-
8.console.group
这是个有趣的方法,它能够让控制台输出的语句产生不同的层级嵌套关系,每一个
console.group()
会增加一层嵌套,相反要减少一层嵌套可以使用console.groupEnd()
方法。示例: console.log('这是第一层'); console.group(); console.log('这是第二层'); console.log('依然第二层'); console.group(); console.log('第三层了'); console.groupEnd(); console.log('回到第二层'); console.groupEnd(); console.log('回到第一层'); // 输出结果类似于目录树的树状结构
-
9.console.dir(object)
将传入对象的属性,包括子对象的属性以列表形式输出:
示例: var obj = { name: 'classicemi', college: 'HUST', major: 'ei' }; console.dir(obj);