在调试JavaScript程序时,有时需要dump某些对象的详细信息.通过手工编写JavaScript代码可以完成这一工作:针对对象的属性进行循环,将循环到的每一个属性值打印出来:可见,这一过程是比较繁琐的.在具备调试工具的浏览器上,这一工作可以通过console.dir()语句来方便的完成. console.dir()的使用 console.dir()的使用非常简单,直接将需要dump的对象传入该语句即可.比如以下的例子: 代码如下: function cat(name, age, score…
Difference console.log prints the element in an HTML-like tree console.dir prints the element in a JSON-like tree Example Specifically, console.log gives special treatment to DOM elements, whereas console.dir does not. This is often useful when tryin…
console.log()可以取代alert()或document.write(),在网页脚本中使用console.log(data)时,会在控制台打印出数据. console.dir()可以显示一个对象所有的属性和方法.…
原文链接:https://blog.csdn.net/ky1in93/article/details/80828499 console对象详解:https://segmentfault.com/a/1190000004528137…
今天学习promise的时候看到了console.dir这个方法,感到很好奇,查了以下感觉又长知识了 在Chrome中,控制台对象定义了两个似乎做同样事情的方法: console.log() console.dir() 在控制台中看,好像都是做了一个打印的功能,但实际上还是又区别的: 在Firefox中,这些函数的行为截然不同:log只打印一个toString表示,而dir打印出一个可导航的树. 在Chrome中,日志已打印出一棵树 – 大部分时间.但是,Chrome的日志仍然会对某些类的对象进…
console.log()可以取代alert()或document.write(),在网页脚本中使用console.log()时,会在浏览器控制台打印出信息. console.dir()可以显示一个对象所有的属性和方法. 代码格式: 之前想打印输出,ul的相关属性 控制台输出结果: 现在可以利用console.dir直接获取相关属性 控制台输出打印结果 .…
onsole.log().console.info().console.debug()的作用都是在浏览器控制台打印信息的. 使用最多的是console.log().console.info()和console.debug()本质上与console.log()没有区别.是console.log()的另一个名字而以,可以理解为它们三个其实就是同一个,只不过名字不一样. 其中,console.info()打印出的信息,在控制显示的时候信息前面会出现一个小图标,而且谷歌浏览器和opera不支持conso…
console.dir() 可以看到很多.log看不到的属性和方法…
<script type="text/javascript"> function test(){ var array = [{"id":1},{"id":2}]; console.dir(array); } </script> 结果: Array[2] 0: Object id: 1 __proto__: Object 1: Object id: 2 __proto__: Object length: 2 __proto_…
console.dir()可以显示一个对象所有的属性和方法 具体方法如下:…