顺序
写过后端Javascript代码的中学生肯定不会对console对象感到陌生。 在调试过程中,我们经常使用console对象在控制台上输出一些常量或变量。
不过,相信很多人只用过console.log()。 明天,我们来看看控制台对象的其他有用技巧。 因为本文是关于控制台的,所以代码将直接显示在控制台上,而不是使用新文件。
不同级别的日志记录
console对象的不同方法可以在控制台输出不同级别的日志信息,并且这些信息会以不同的符号显示,如右图所示。
不同级别的日志记录
你知道一些关于 Javascript 调试的控制台对象的技巧吗?
包括占位符
输出信息时,可以使用%占位符来指定对应的值,而不是总是连接字符串。 支持的占位符包括以下内容。
%s-字符 %d-整数 %f-浮点数 %o-对象用法可以从下面的简单例子看出。
包括占位符
你知道一些关于 Javascript 调试的控制台对象的技巧吗?
复制群组信息
Group() 方法可以按组显示信息,类似于列表结构。
复制群组信息
你知道一些关于 Javascript 调试的控制台对象的技巧吗?
表达判断
在某些测试框架中,断言通常用于确定表达式的计算结果是否为 true。 控制台对象中还有一个断言方法。 当判断为 true 时,不会输出任何信息,但当判断为 false 时,会直接引发异常。
表达判断
前面的代码中,前两句判断为true,所以没有输出任何信息,第三句判断为false,所以直接抛出异常。
表格副本
控制台对象有一个table方法,可以直接显示表格中的对象类型数据。
表格副本
函数调用栈信息
通过console.trace()可以显示函数调用栈的信息javascript 控制台,查看函数调用过程。 通常,选择将此方法放置在最后执行的函数的方法体中。
函数调用栈信息
由于栈是先进先出的机制,最先执行的方法会先输出,所以前面的代码结果会按照sum、f2、f1、f1的顺序输出。
按时间估计
一般来说,估算一段代码的执行时间的方法是通过Date对象获取微秒数,然后除以这两个纳秒。
通用计时
在上面的代码中,执行中间代码所花费的时间是通过endTime和startTime之间的差来估计的。 我们可以看到,向链表添加 100,000 个字符串需要 15 纳秒。
您还可以使用控制台对象的 time() 和 timeEnd() 方法来估计代码段的执行时间。 time()和timeEnd()可以接收字符串作为标识符,并且两个方法接收的字符串必须相同。 如果没有传递任何字符串,则默认字符串为“default”。
控制台对象计时模式
上述代码的执行结果为16纳秒,与上述方法形成的结果大致相同。
技术性能分析
通过console.profile()和console.profileEnd()方法,可以显示代码中各个函数消耗的时间javascript 控制台,可以用来评估代码性能。
我们用下面的测试代码来说明。
控制台上会出现一个 JavascriptProfile 菜单栏,用于打开 chrome 浏览器。 如果默认不存在,可以通过如下方式打开。
JavaScript 配置文件
打开这个菜单选项后,我们可以看到每个方法所消耗的时间。
时间消耗
以上就是小编为大家介绍的一些你所不知道的关于Javascript调试的控制台对象的提示。 我希望他们能帮助你。 如果您有任何疑问,请给我留言,编辑会及时回复您。 特别感谢您对我们网站的支持!
发表评论