前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >好用-除了Console.log()之外的JS日志打印输出方式

好用-除了Console.log()之外的JS日志打印输出方式

作者头像
字母哥博客
发布2020-10-15 10:29:32
2.7K0
发布2020-10-15 10:29:32
举报
文章被收录于专栏:写字母的代码哥

几乎所有的javascript开发者最常使用的日志打印调试api都是console.log(),其实还有很多的选项供我们选择,笔者下面就为大家一一介绍.

一、console.table()

console.table()是我非常建议大家去使用的方法,它可以接受JSON或数组并以表格格式打印,在对json对象和数组进行可视化打印的时候简单易用,结果直观。

比如下面的json数据对象使用console.table()打印

代码语言:javascript
复制
    console.table({
    "id":"1",
    "key":"value",
    "count":2
    });

控制台的输出结果如下:

又比如对下面代码中的数组进行打印:

代码语言:javascript
复制
 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()相当于计时结束
代码语言:javascript
复制
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消息

代码语言:javascript
复制
if(3!=2){
    console.error({ msg1: "msg1", msg2: "msg2" });
}
//上面的日志判断语句,可以简写为下面的断言
console.assert(3 === 2, { msg1: "msg1", msg2: "msg2" });

另一种可以用来格式化输出的断言方式console.assert(assert_statement,message,args)

代码语言:javascript
复制
console.assert(false, "%d nd type for  %s ",2,"console.assert() method");

六、console.count()

console.count()特别适合用来计数,可以传递参数,可以根据根据参数标签统计次数。代码如下:

代码语言:javascript
复制
 for (let i = 0; i < 3; i++) {
   console.count("label");
   console.count();
   console.count(i);
 }

控制台打印输出的结果,类似于下面这样

代码语言:javascript
复制
 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

喜欢 (0)or分享 (0)

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、console.table()
  • 二、console.error()
  • 三、Time(time,timeLog,timeEnd)
  • 四、console.warn()
  • 五、console.assert()
  • 六、console.count()
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档