共计 1774 个字符,预计需要花费 5 分钟才能阅读完成。
简直所有的 javascript 开发者最常应用的日志打印调试 api 都是console.log()
, 其实还有很多的选项供咱们抉择,笔者上面就为大家一一介绍.
一、console.table()
console.table()
是我十分倡议大家去应用的办法,它能够承受 JSON 或数组并以表格格局打印,在对 json 对象和数组进行可视化打印的时候简略易用,后果直观。
比方上面的 json 数据对象应用 console.table()
打印
console.table({
"id":"1",
"key":"value",
"count":2
});
控制台的输入后果如下:
又比方对上面代码中的数组进行打印:
console.table([
{
id: "1",
key: "value",
count: 2,
},
{
id: "2",
key: "value2",
count: 22,
},
{
id: "3",
key: "value3",
count: 5,
},
]);
控制台的输入后果如下:
二、console.error()
console.error()
绝对于 console.log()
更有助于在调试时从输入日志中辨别错误信息
从上图中能够看到,它的输入打印后果是红色的。
三、Time(time,timeLog,timeEnd)
console.time()、console.timeLog()、console.timeEnd() 这三个办法当咱们对程序运行工夫进行计时的时候特地有用。
参考下图了解这三个办法
- console.time()相当于秒表中的开始按钮
- console.timeLog()相当于秒表中的按圈计时 / 按点计时
- console.timeEnd()相当于计时完结
console.time("ForLoop");
// "ForLoop" is label here
for (let i = 0; i < 5; i++) {console.timeLog('ForLoop');
}
console.timeEnd("ForLoop");
控制台打印输出后果
四、console.warn()
用黄色字体输入日志,更直观的不便的查看正告类日志信息。
五、console.assert()
console.assert(assert_statement,message)
用来设定断言,如果为 false 则显示 message 音讯
if(3!=2){console.error({ msg1: "msg1", msg2: "msg2"});
}
// 下面的日志判断语句,能够简写为上面的断言
console.assert(3 === 2, { msg1: "msg1", msg2: "msg2"});
另一种能够用来格式化输入的断言形式console.assert(assert_statement,message,args)
console.assert(false, "%d nd type for %s",2,"console.assert() method");
六、console.count()
console.count()
特地适宜用来计数,能够传递参数,能够依据依据参数标签统计次数。代码如下:
for (let i = 0; i < 3; i++) {console.count("label");
console.count();
console.count(i);
}
控制台打印输出的后果,相似于上面这样
console.count() console.count("label") console.count(i)
default: 1 label: 1 0: 1
default: 2 label: 2 1: 1
default: 3 label: 3 2: 1
console.count()
如果不传递参数,则应用默认的 default 标签。console.countReset(标签参数)
能够将指定标签的计数重置为0
欢送关注我的博客,外面有很多精品合集
本文转载注明出处(必须带连贯,不能只转文字):字母哥博客 – zimug.com
感觉对您有帮忙的话,帮我点赞、分享!您的反对是我不竭的创作能源!。另外,笔者最近一段时间输入了如下的精品内容,期待您的关注。
- 《手摸手教你学 Spring Boot2.0》
- 《Spring Security-JWT-OAuth2 一本通》
- 《实战前后端拆散 RBAC 权限管理系统》
- 《实战 SpringCloud 微服务从青铜到王者》
- 《VUE 深入浅出系列》