9个让Java脚本语言调试更简单的安慰命令

一、显示信息的命令

！DOCTYPE html html标题常用安慰命令/title meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/头体脚本类型=' text/JavaScript '控制台。日志(' hello ')；console.info('信息');console.error(")错误');console.warn('警告');/脚本/正文/html最常用的就是控制台。日志了。

二、占位符

安慰上述的集中度支持打印函数的占位符格式，支持的占位符有：字符(%s)，整数(%d或%i)、浮点数(%f)和对象(%o)

脚本类型=' text/JavaScript '控制台。日志(“% d年%d月%d日',2011,3,26);/script效果：

三、信息分组

！DOCTYPE html html标题常用安慰命令/title meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/头体脚本类型=' text/JavaScript '控制台。组('第一组信息');console.log('第一组第一条：我的博客(www . http://。ido 321。com)')；console.log('第一组第二条： csdn(http://博客。csdn。net/u 011043843)')；控制台。group end()；console.group('第二组信息');console.log('第二组第一条');console.log('第二组第二条：欢迎你加入');控制台。group end()；/脚本/正文/html效果：

四、查看对象的信息

console.dir()可以显示一个对象所有的属性和方法。

脚本类型=' text/JavaScript ' var info={ blog : ' http://www。ido 321。' com '，QQGroup:259280570，message: '程序爱好者欢迎你的加入' };console.dir(信息);/script效果：

五、显示某个节点的内容

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

！DOCTYPE html html标题常用安慰命令/title meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8/head body div id=' info ' H3我的博客：www.ido321.com/h3 p程序爱好者：259280570,欢迎你的加入/p /div脚本类型=' text/JavaScript ' var info=document。getelementbyid(' info ')；控制台。dirxml(信息)；/脚本/正文/html效果：

六、判断变量是否是真

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

脚本类型=' text/JavaScript ' var结果=1；console.assert(结果);定义变量年份=2014年；console.assert(年份==2018);/script1是非0值，是真；而第二个判断是假，在控制台显示错误信息

七、追踪函数的调用轨迹

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

脚本类型='text/javascript' /*函数是如何被调用的，在其中加入console.trace()方法就可以了*/函数add(a，b){ console。trace()；返回a b；}var x=add3(1，1)；函数add3(a，b){返回add2(a，b)；}函数add2(a，b){返回add1(a，b)；}函数add1(a，b){ 0返回添加(a，b)；}/脚本控制台输出信息：

八、计时功能

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

脚本类型='text/javascript' console.time('控制台计时器一');for(var I=0；i1000I){ for(var j=0；j1000j ){} } console.timeEnd('控制台计时器一');/script运行时间是38.84毫秒

九、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()；/script输出如图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。