javascript中控制台命令的深入分析

首先，显示信息的命令

代码如下：

！DOCTYPE htmlhtmlheadtitle常见控制台命令/title meta http-equiv=' content-type ' content=' text/html；charset=utf-8 '//header dyscript type=' text/JavaScript ' console . log(' hello ')；console . info(' information ')；console . error(' error ')；console . warn(' warning ')；/脚本/正文/html

最常用的是console.log.

二：占位符

以上集中的控制台支持printf的占位符格式，支持的占位符有：字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)

代码如下：

脚本类型=' text/JavaScript ' console . log(%d年%d月% d日，2016年8月20日)；/脚本效果：

三.信息分组

代码如下：

！DOCTYPE htmlhtmlheadtitle常见控制台命令/title meta http-equiv=' content-type ' content=' text/html；charset=utf-8 '//head dyscript type=' text/JAVAScript ' console . group('第一组信息')；Console.log('第一个：我的技术博客(https://segment fault.com/u/learn me)')；Console.log('第一组和第二组： my github(https://github.com/special coder/)')；console . GroupEnd()；Console.group('第二组信息')；Console.log('第二组第一个：程序发烧友')；Console.log('欢迎您加入第二组： ')；console . GroupEnd()；/脚本/正文/html效果：

第四，查看对象的信息

Console.dir()可以显示对象的所有属性和方法。代码如下：

脚本类型=' text/JavaScript ' var info={ blog : ' https://segmentfault.com/u/learnme/',github:' https://github.com/specialcoder/',message:'节目爱好者欢迎您的加入' }；console.dir(信息)；/脚本效果：

动词（verb的缩写）显示节点的内容

Console.dirxml()用于显示网页节点中包含的html/xml代码。代码如下：

！DOCTYPE htmlhtmlheadtitle常见控制台命令/title meta http-equiv=' content-type ' content=' text/html；charset=utf-8 '/headsdydiv id=' info ' h3my blog:https://segmentfault.com/u/learnme/p程序爱好者，欢迎加入/p/div script type=' text/JavaScript ' var info=document . getelementbyid(' info ')；console . dirxml(info)；/脚本/正文/html效果：

6.判断变量是否为真

Console.assert()用于判断表达式或变量是否为真。如果结果是否定的，则在控制台中输出相应的消息，并引发异常。Assert是确保程序正确性的一个很好的特性。在带有调试工具的浏览器上，这个特性可以通过调用console.assert()来实现。

代码如下：

脚本类型=' text/JavaScript ' var result=1；console.assert(结果)；var年份=2014年；console.assert(年份===2018，“断言失败”)；/script在console.assert()语句中，第一个参数是需要断言的结果，应该为true正常情况下；第二个参数是发生错误时控制台上打印的错误消息。

1是非零值，为真；第二个判断为假，控制台上会显示一条错误消息

显示结果：

七、跟踪函数调用轨迹

Console.trace()用于跟踪函数的调用轨迹。代码如下：

脚本类型='text/javascript'/*函数如何调用，只需添加console.trace()方法*/函数add (a，b){ console . trace()；返回a b；}var x=add3(1，1)；函数add3(a，b){return add2(a，b)；}函数add2(a，b){return add1(a，b)；}函数add1(a，b){返回add(a，b)；}/脚本控制台输出信息：

八、定时功能

Console.time()和console.timeEnd()，用于显示代码的运行时间。代码如下：

脚本类型=' text/JavaScript' console.time('计数1000 * 1000 ')；for(var I=0；i1000I){ for(var j=0；j1000J ){}}console.timeEnd('计数1000 * 1000 ')；/脚本运行时间为10.64毫秒

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

性能分析器是分析程序各部分的运行时间，找出瓶颈。使用的方法是console.profile()。代码如下：

脚本类型='text/javascript '函数all(){ alert(11)；for(var I=0；i10I){ FunCA(1000)；} FuncB(10000)；funcA函数(count){ for(var I=0；icountI){ } }函数FuncB(count){ for(var I=0；icounti ){}}console.profile('性能分析器');all()；控制台。profile end()；/脚本

说明一下，LZ测试时，在全部()中未加警惕，控制条没有输出，加上了之后，就有了一张性能分析表，暂时不清楚原因，若你知道，可以评论。