JavaScript中的console.dir()函数介绍_javascript技巧
程序员文章站
2022-05-14 13:57:13
...
在调试JavaScript程序时,有时需要dump某些对象的详细信息。通过手工编写JavaScript代码可以完成这一工作:针对对象的属性进行循环,将循环到的每一个属性值打印出来;可见,这一过程是比较繁琐的。在具备调试工具的浏览器上,这一工作可以通过console.dir()语句来方便的完成。
function cat(name, age, score){
this.name = name;
this.age = age;
this.score = score;
}
var c = new cat("miao", 2, [6,8,7]);
console.dir(c);
console.dir()的使用
console.dir()的使用非常简单,直接将需要dump的对象传入该语句即可。比如以下的例子:
复制代码 代码如下:
function cat(name, age, score){
this.name = name;
this.age = age;
this.score = score;
}
var c = new cat("miao", 2, [6,8,7]);
console.dir(c);
通过使用console.dir(),新建的cat对象信息被dump出来了。在Firebug控制台中其显示结果为:
如果需要dump的是一个DOM对象,那么使用console.dirxml()会得到更好的显示效果。
浏览器支持
console.dir()和console.dirxml()在有调试工具的浏览器上支持较好,各大浏览器均支持此功能。
推荐阅读
-
IE6、IE7中获取Button元素的值的bug说明_javascript技巧
-
Javascript中各种trim的实现详细解析_javascript技巧
-
js如何实现设计模式中的模板方法_javascript技巧
-
深入认识javascript中的eval函数_javascript技巧
-
在浏览器中获取当前执行的脚本文件名的代码_javascript技巧
-
JavaScript中实现依赖注入的思路分享_javascript技巧
-
JS中数组Array的用法示例介绍_javascript技巧
-
JavaScript下的时间格式处理函数Date.prototype.format_javascript技巧
-
js中传递特殊字符(+,&)的方法_javascript技巧
-
日常收集整理的JavaScript常用函数方法_javascript技巧