机械秒表的使用方法_让console.log()不再是你的唯一选项js日志输出6种方法
几乎所有的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种方法相关推荐
- 安卓导航车机root方法_安卓手机设置充电提示音教程来了!教你三种方法,无需 ROOT!...
最近,iPhone 充电提示音火了!上期,我们分享了 iPhone 手机自定义设置充电提示音的方法,安卓用户表示也想要~苹果手机有的,安卓手机也必须有!今天,我们就为大家分享一下安卓手机设置充电提示音 ...
- cad2014卡顿的解决方法_升级iOS14.1后出现卡顿、闪退?这3种方法可以解决
随着iOS14.1正式版的推出,大家对于该版本有着很高的关注度,毕竟这是iOS14版本第一次正式的小版本更新,同时也将是新机iPhone12系列的预搭载版本. 但是,随着体验了几天的iOS14.1之后 ...
- 苹果闪退解决方法_升级iOS14.1后出现卡顿、闪退?这3种方法可以解决
随着iOS14.1正式版的推出,大家对于该版本有着很高的关注度,毕竟这是iOS14版本第一次正式的小版本更新,同时也将是新机iPhone12系列的预搭载版本. 但是,随着体验了几天的iOS14.1之后 ...
- 飞思卡尔mc9s08烧录方法_飞思卡尔MC9S08及MC9S12 单片机通过SCI口更新程序的一种方法...
bootloader, 六,单片机程序注意事项 1,程序空间分配 下载程序的空间应该从0xfff地址向下排放,具体大小需要根据实际的大小及单片机Flash的Block大小来同时决定.空间的安排,一定是 ...
- ai中如何插入签名_技巧不求人167期 Excel如何打印到1页纸的2种方法 Excel如何插入手写签名...
嗨,大家好,上期我们介绍了Excel如何制作漂亮的文件盒侧标签.今天我们继续分享,在日常excel编辑过程中,常常会遇到因为数列或者行数过多导致内容不全,根本就不能打印在一张纸上面,假如分开打印到两张 ...
- 属性和方法的区别是什么_微信被拉黑和被删除,有什么区别?两种方法教你辨别...
微信作为目前使用最广泛的一种社交聊天工具,几乎成为了智能手机的必备软件.它除了为我们的日常生活带来诸多便利之外,相信许多都是对它又爱又恨.其中最让人反感的一点就是,对方明明已经早已将自己拉黑或者删除了 ...
- js创建对象的几种方法及继承
创建对象 通过Object构造函数或对象字面量创建单个对象 这些方式有明显的缺点:使用同一个接口创建很多对象,会产生大量的重复代码.为了解决这个问题,出现了工厂模式. 工厂模式 考虑在ES ...
- js延迟加载的几种方法(性能优化defer、async)
这是一个面试经常问到的问题:js的延迟加载方法 (js的延迟加载有助于提高页面的加载速度) 主要考察对程序的性能方面是否有研究,程序的性能是一个项目不断地追求的,通常也是项目完成后需要长期做的一件事情 ...
- JS创建对象的三种方法
在JavaScript中,对象是一组无序的相关属性和方法的集合.所有的实物都是对象,例如,字符串.数值.数组.函数等. 下面我会介绍三种创建对象的方法. 一.通过字面量创建对象 其语法格式如下: va ...
最新文章
- Windows 10 周年更新后的 Edge 14 的 HierarchyRequestError 报错
- (分类-部分)如何转载别人的文章
- 使用clear fix清除浮动
- Nginx的安装和多域名配置的实现方法
- 深度学习笔记第二门课 改善深层神经网络 第三周 超参数调试、Batch正则化和程序框架...
- jquery:validate的例子{转载}
- 软件工程(Rational统一过程)
- 实例应用 自定义页面taglib标签
- ios开发跳转safari_iOS 跳转网页的四种方法
- 对fragment的学习
- 我想在杭州买一套房一百平米左右的房子大概多少钱?
- pyecharts显示所有x轴_基于Pyecharts可视化大屏案例一(1)
- jxls能把html转成excel吗,如何用XLSTransformer生成excel文件?jxls的使用方法
- 保研之路——中山大学数据科学与计算机学院直硕夏令营
- 2021年江苏省高考成绩排名查询,2021年江苏高考个人成绩排名查询方法及排名查询系统...
- LeetCode刷题日记:LCP 03.机器人大冒险
- 音频采集 via Media Foundation
- Unity 智能语音助手
- 史上最详细的WordPress安装教程(六):安装WordPress
- 群晖docker安装cms_群晖docker安装蚂蚁笔记安装教程