简直所有的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 herefor (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深入浅出系列》