【干货】Web程序员需知: Console 对象里的九个方法


今天找技术文章的时候,看到了这篇文章,专业老师看过,感觉文章还不错,也发给大家学习一下:

一、显示信息的命令

【干货】Web程序员需知: Console 对象里的九个方法_第1张图片

二:占位符

console上述的集中度支持printf的占位符格式,支持的占位符有:字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)

效果:

三、信息分组

【干货】Web程序员需知: Console 对象里的九个方法_第2张图片

效果:

【干货】Web程序员需知: Console 对象里的九个方法_第3张图片

四、查看对象的信息

【干货】Web程序员需知: Console 对象里的九个方法_第4张图片

效果:

【干货】Web程序员需知: Console 对象里的九个方法_第5张图片

五、显示某个节点的内容

console.dirxml()用来显示网页的某个节点(node)所包含的html/xml代码。

【干货】Web程序员需知: Console 对象里的九个方法_第6张图片

六、判断变量是否是真

console.assert()用来判断一个表达式或变量是否为真。如果结果为否,则在控制台输出一条相应信息,并且抛出一个异常。

【干货】Web程序员需知: Console 对象里的九个方法_第7张图片

1是非0值,是真;而第二个判断是假,在控制台显示错误信息

【干货】Web程序员需知: Console 对象里的九个方法_第8张图片

七、追踪函数的调用轨迹

console.trace()用来追踪函数的调用轨迹。

【干货】Web程序员需知: Console 对象里的九个方法_第9张图片

控制台输出信息:

【干货】Web程序员需知: Console 对象里的九个方法_第10张图片

八、计时功能

console.time()和console.timeEnd(),用来显示代码的运行时间。

【干货】Web程序员需知: Console 对象里的九个方法_第11张图片

运行时间是38.84ms

【干货】Web程序员需知: Console 对象里的九个方法_第12张图片

九、console.profile()的性能分析

性能分析(Profiler)就是分析程序各个部分的运行时间,找出瓶颈所在,使用的方法是console.profile()。

【干货】Web程序员需知: Console 对象里的九个方法_第13张图片

输出如图:

【干货】Web程序员需知: Console 对象里的九个方法_第14张图片

出处:https://github.com/dwqs/blog/issues/32

更多精彩内容请关注微博@蓝鸥教育 ,微信【蓝鸥】。

THE END.

 发布/蓝鸥仔仔

蓝鸥仔仔,一个每天拿着5毛钱工资到处嗨的人。

长期寻找好的文,结交好的人,幻想着成为一个伯乐,把好的文给大家一起看,一起成长。

很高兴认识你,喜欢请关注一个。这样,在找文的时候就更有动力了。

PS:你有文,不介意的话给我投稿吧,最最喜欢好文了,期待你的投稿。

你可能感兴趣的:(【干货】Web程序员需知: Console 对象里的九个方法)