PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

JavaScript中的console.dir()函数介绍

高洛峰
高洛峰 原创
2017-02-03 14:47:48 1714浏览

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

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控制台中其显示结果为:

JavaScript中的console.dir()函数介绍

如果需要dump的是一个DOM对象,那么使用console.dirxml()会得到更好的显示效果。

浏览器支持

console.dir()和console.dirxml()在有调试工具的浏览器上支持较好,各大浏览器均支持此功能。

更多JavaScript中的console.dir()函数介绍相关文章请关注PHP中文网!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。