网站建设资讯

NEWS

网站建设资讯

关于Web程序员必备Console对象的小技巧

小编给大家分享一下关于Web程序员必备Console对象的小技巧,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

成都服务器托管,成都创新互联提供包括服务器租用、四川乐山服务器托管、带宽租用、云主机、机柜租用、主机租用托管、CDN网站加速、主机域名等业务的一体化完整服务。电话咨询:18982081108

一、显示信息的命令

    
    
    
        常用console命令
        
    
    
        
   
   

最常用的就是console.log了。

相关学习推荐:javascript视频教程

二:占位符

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

    

效果:

关于Web程序员必备Console对象的小技巧

三、信息分组

    
    
    
        常用console命令
        
    
    
        
   
   

效果:

关于Web程序员必备Console对象的小技巧

四、查看对象的信息

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

    

效果:

关于Web程序员必备Console对象的小技巧

五、显示某个节点的内容

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

    
    
    
        常用console命令
        
    
    
        

我的博客:www.webhek.com

程序爱好者:259280570,欢迎你的加入

六、判断变量是否是真

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

    

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

关于Web程序员必备Console对象的小技巧

七、追踪函数的调用轨迹。

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

    

控制台输出信息:

关于Web程序员必备Console对象的小技巧

八、计时功能

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

    

运行时间是38.84ms

关于Web程序员必备Console对象的小技巧

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

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

    

输出如图:

关于Web程序员必备Console对象的小技巧

看完了这篇文章,相信你对关于Web程序员必备Console对象的小技巧有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


网站标题:关于Web程序员必备Console对象的小技巧
链接分享:http://cdweb.net/article/goodej.html