这篇文章主要介绍了使用控制台进行javascript调试的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
在过去的十年中,我最热衷的事情之一就是前端开发(特别是javascript)。作为一个“匠”人,我喜欢专研各种工具。在本文,我会为你介绍一些用老式控制台来调试的技巧。
是的,我们都知道下面基本的技巧:
控制台。日志(“Hello World !”); console.info(“发生了一件事…”); 控制台。警告(“奇怪的事情发生了…”); 控制台。错误(“可怕的事情发生了…”);
从现在开始,我将教会你一些你不知道的技巧,让你成为老司机!
1。console.trace ()
如果你想知道消息是哪里打印出来的,使用<代码> console.trace() 代码>来获取要打印的数据的加亮。
2。console.time (),,console.timeEnd ()
如果你想分析函数的性能,可以使用<代码> console.time() 代码>来计时,<代码> console.timeEnd() 代码>来结束计时,控制台会打印出两次之间的时间差。
3。console.memory
如果你发现性能问题很难分析,可能还要考虑是否有内存泄露,你可以使用<代码>控制台。内存> 代码(注意记忆是控制台的属性,不是函数),来查看当前的堆的使用情况。
Fundebug助你更好地调试、欢迎试用!
4。console.profile (“profileName”),console.profileEnd (profileName)
虽然不是一个标准的做法,不过被广泛接受使用。你可以使用这两个命令来启动和停止剖析。这样有助你你在代码中做精准的剖析。而不依赖于手动的鼠标点击。你可以在浏览器控制台<代码> Javacript分析器> 代码中找到刚刚的概要。
5。控制台。计数(“我”)
有时候为了记录一个函数或则一段代码重复执行了多少次,可以使用<代码> console.count(& # 39; ? & # 39;) 代码>来记录。每一次执行到该代码,就会自动加1 .
6。控制台。断言(假,“日志我!”)
你可以使用<代码> console.assert> 代码来在某些为假的条件下输出消息,而不是用if - else。
注意:在节点。js下会报错(断言错误)。
7。console.group(“集团”),console.groupEnd(集团)
如果你想对打印的日志做一个格式化的整理,可以使用<代码> console.group() 代码>和<代码> console.groupEnd()> 代码。使用控制台。集团可以将日志聚合成组,并且形成嵌套的层级。请看示例:
8。字符串替换
你可以使用<代码>控制台。日志> 代码打印变量(% i=% s=字符串,整数,% o=对象,% f=浮动)。
9。console.clear ()
我们已经在控制台输出了很多记录,来使用<代码> console.clear() 代码>清空一下。
10。console.table ()
最后一个压轴的!你可以使用<代码> console.table() 代码>将对象以表格的形式打印出来。
感谢你能够认真阅读完这篇文章,希望小编分享使用控制台进行javascript调试的方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!