总结:关于console的一些用法

    xiaoxiao2021-03-25  130

    1、console.log()  //控制台日志

    我们可以从控制台中看到,console.log中的结果,相比alert,console.log不会阻断线程运行,不需要像alert要点击确定取消才能运行后面的程序

    2、console.dir()  console.dirxml() 

    在调试JavaScript程序时,有时需要dump某些对象的详细信息。通过手工编写JavaScript代码可以完成这一工作:针对对象的属性进行循环,将循环到的每一个属性值打印出来;可见,这一过程是比较繁琐的。在具备调试工具的浏览器上,这一工作可以通过console.dir()语句来方便的完成。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="application/javascript"> var cat = {}; cat.name = '咪咪'; cat.color = '白色'; cat.show = function(){ return '喵喵'; }; console.dir(cat); //输出所有信息 window.onload = function(){ var oDiv = document.getElementById('div1'); console.dirxml(oDiv); //显示当前元素的代码结构 }; </script> </head> <body> <div id="div1"> <span>一只小猫</span> </div> </body> </html> 通过使用console.dir(),新建的cat对象信息“div1” 被dump出来了。在Firebug控制台中其显示结果为:

    3、console.assert() //断言

    var a = 0; console.assert(a);//假即断言失败 console.assert(20 === '20');//假即断言失败 4、console.trace()  //追踪跟踪 调试JavaScript程序时,有时需要打印函数调用的栈信息,这可以通过使用console.trace()来实现。以下面的代码为例:

    <script> function a(){ return b(); } function b(){ return c(); } function c(){ console.trace();//追踪跟踪探索 return 1; } a(); </script>后台结果如图;

    5、console.time()  //计时 

    <script type="application/javascript"> console.time('计时器');//方法允许开发者在任意代码中使用, 显示的结果是中间持续的运行时间, 以毫秒为单位. for(var i=0;i<1000000;i++){ } console.timeEnd('计时器');//结果 3.19ms </script>

    转载请注明原文地址: https://ju.6miu.com/read-15258.html

    最新回复(0)