黑马程序员技术交流社区
标题: 【广州前端】- 最实用的console大全 [打印本页]
作者: 社会佩奇 时间: 2018-7-12 16:17
标题: 【广州前端】- 最实用的console大全
1. congsole.log()、console.error()、console.warn()、console.info()
上面这些方法可以接受多个参数
[JavaScript] 纯文本查看 复制代码
const json = {a: 1, b: 2}
console.log("log ==> ", json, new Date())
console.error("error ==> ", json, new Date())
console.warn("warn ==> ", json, new Date())
console.info("info ==> ", json, new Date())
2. console.group()
console.group() 打印一系列的 console.logs
[JavaScript] 纯文本查看 复制代码
function doSomething(obj) {
console.group('doSometing...')
const _data = new Date();
console.log('evauating data ==>', _data);
const _fullName = `${obj.fistName} ${obj.lastName}`;
console.log('fullName ==>', _fullName);
const _id = Math.random(1)
console.log('id ==> ', _id);
console.groupEnd();
}
doSomething({'firstName': 'hank', 'lastName': 'zhuo'})
3. console.table()
console.table()非常美观打印数组和对象
[JavaScript] 纯文本查看 复制代码
const typeOfConsole = [
{name: 'log', type: 'standard'},
{name: 'info', type: 'standard'},
{name: 'table', type: 'standard'}
]
console.table(typeOfConsole)
const mySocial = {
faceboo: true,
linkedin: true,
instagram: true,
twitter: false
}
console.table(mySocial)
4. console.count()、console.time()、console.timeEnd()
+ console.count() 计算并输出相同的类型的次数、
+ console.time()、console.timeEnd() 计算程序花费的时间
[JavaScript] 纯文本查看 复制代码
console.time('total');
console.time('init arr');
const arr = new Array(20);
console.timeEnd('init arr');
for (var i = 0; i < arr.length; i++) {
arr = new Object();
console.log(i)
const _type = (i % 2 === 0) ? 'even' : 'odd'
console.count(_type + 'added');
}
console.timeEnd('total')
5. console.assert()、console.trace()
* console.assert() 条件打印，只要满意传入的条件才打印
* console.trace() 打印跟踪
[JavaScript] 纯文本查看 复制代码
function lesserThan(a, b) {
console.assert(a < b, {'message': 'a is not lesser than b', 'a': a, 'b': b})
}
lesserThan(6, 5);
function foo() {
function bar() {
console.trace();
}
bar();
}
foo();
点击有惊喜
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |
