几乎所有的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

机械秒表的使用方法_让console.log()不再是你的唯一选项js日志输出6种方法相关推荐

  1. 安卓导航车机root方法_安卓手机设置充电提示音教程来了!教你三种方法,无需 ROOT!...

    最近,iPhone 充电提示音火了!上期,我们分享了 iPhone 手机自定义设置充电提示音的方法,安卓用户表示也想要~苹果手机有的,安卓手机也必须有!今天,我们就为大家分享一下安卓手机设置充电提示音 ...

  2. cad2014卡顿的解决方法_升级iOS14.1后出现卡顿、闪退?这3种方法可以解决

    随着iOS14.1正式版的推出,大家对于该版本有着很高的关注度,毕竟这是iOS14版本第一次正式的小版本更新,同时也将是新机iPhone12系列的预搭载版本. 但是,随着体验了几天的iOS14.1之后 ...

  3. 苹果闪退解决方法_升级iOS14.1后出现卡顿、闪退?这3种方法可以解决

    随着iOS14.1正式版的推出,大家对于该版本有着很高的关注度,毕竟这是iOS14版本第一次正式的小版本更新,同时也将是新机iPhone12系列的预搭载版本. 但是,随着体验了几天的iOS14.1之后 ...

  4. 飞思卡尔mc9s08烧录方法_飞思卡尔MC9S08及MC9S12 单片机通过SCI口更新程序的一种方法...

    bootloader, 六,单片机程序注意事项 1,程序空间分配 下载程序的空间应该从0xfff地址向下排放,具体大小需要根据实际的大小及单片机Flash的Block大小来同时决定.空间的安排,一定是 ...

  5. ai中如何插入签名_技巧不求人167期 Excel如何打印到1页纸的2种方法 Excel如何插入手写签名...

    嗨,大家好,上期我们介绍了Excel如何制作漂亮的文件盒侧标签.今天我们继续分享,在日常excel编辑过程中,常常会遇到因为数列或者行数过多导致内容不全,根本就不能打印在一张纸上面,假如分开打印到两张 ...

  6. 属性和方法的区别是什么_微信被拉黑和被删除,有什么区别?两种方法教你辨别...

    微信作为目前使用最广泛的一种社交聊天工具,几乎成为了智能手机的必备软件.它除了为我们的日常生活带来诸多便利之外,相信许多都是对它又爱又恨.其中最让人反感的一点就是,对方明明已经早已将自己拉黑或者删除了 ...

  7. js创建对象的几种方法及继承

    创建对象 通过Object构造函数或对象字面量创建单个对象  这些方式有明显的缺点:使用同一个接口创建很多对象,会产生大量的重复代码.为了解决这个问题,出现了工厂模式.   工厂模式    考虑在ES ...

  8. js延迟加载的几种方法(性能优化defer、async)

    这是一个面试经常问到的问题:js的延迟加载方法 (js的延迟加载有助于提高页面的加载速度) 主要考察对程序的性能方面是否有研究,程序的性能是一个项目不断地追求的,通常也是项目完成后需要长期做的一件事情 ...

  9. JS创建对象的三种方法

    在JavaScript中,对象是一组无序的相关属性和方法的集合.所有的实物都是对象,例如,字符串.数值.数组.函数等. 下面我会介绍三种创建对象的方法. 一.通过字面量创建对象 其语法格式如下: va ...

最新文章

  1. Windows 10 周年更新后的 Edge 14 的 HierarchyRequestError 报错
  2. (分类-部分)如何转载别人的文章
  3. 使用clear fix清除浮动
  4. Nginx的安装和多域名配置的实现方法
  5. 深度学习笔记第二门课 改善深层神经网络 第三周 超参数调试、Batch正则化和程序框架...
  6. jquery:validate的例子{转载}
  7. 软件工程(Rational统一过程)
  8. 实例应用 自定义页面taglib标签
  9. ios开发跳转safari_iOS 跳转网页的四种方法
  10. 对fragment的学习
  11. 我想在杭州买一套房一百平米左右的房子大概多少钱?
  12. pyecharts显示所有x轴_基于Pyecharts可视化大屏案例一(1)
  13. jxls能把html转成excel吗,如何用XLSTransformer生成excel文件?jxls的使用方法
  14. 保研之路——中山大学数据科学与计算机学院直硕夏令营
  15. 2021年江苏省高考成绩排名查询,2021年江苏高考个人成绩排名查询方法及排名查询系统...
  16. LeetCode刷题日记:LCP 03.机器人大冒险
  17. 音频采集 via Media Foundation
  18. Unity 智能语音助手
  19. 史上最详细的WordPress安装教程(六):安装WordPress
  20. 群晖docker安装cms_群晖docker安装蚂蚁笔记安装教程

热门文章

  1. ERP CRM与SCM整合过程中的知识转移
  2. Unity3D的断点调试功能
  3. PPT图片内嵌文字效果
  4. Advanced Installer 9.8打包实录
  5. WMS学习笔记:1.尝试加载WMS
  6. 记录一下 Linux飞鸽传书 QIpMsg 的下载链接
  7. WinCE切换GPRS
  8. Zimbra高级应用之-双向证书认证(一)
  9. 【016】VS2010连接内置SQL数据库
  10. 总结2010展望2011