当前位置: 首页 > 编程笔记 >

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

姚鹤龄
2023-03-14
本文向大家介绍JavaScript中的console.dir()函数介绍,包括了JavaScript中的console.dir()函数介绍的使用技巧和注意事项,需要的朋友参考一下

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

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

浏览器支持

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

 类似资料:
  • 本文向大家介绍JavaScript中的console.trace()函数介绍,包括了JavaScript中的console.trace()函数介绍的使用技巧和注意事项,需要的朋友参考一下 调试JavaScript程序时,有时需要打印函数调用的栈信息,这可以通过使用console.trace()来实现。以下面的代码为例: 在doSubTask()函数的执行结尾处插入了一行console.trace(

  • 本文向大家介绍JavaScript中的console.assert()函数介绍,包括了JavaScript中的console.assert()函数介绍的使用技巧和注意事项,需要的朋友参考一下 在JavaScript程序的开发和维护过程中,Assert(断言)是一个很好的用于保证程序正确性的特性。在具备调试工具的浏览器上,这一特性可以通过调用console.assert()来实现。比如在以下代码中,

  • 本文向大家介绍Javascript中的高阶函数介绍,包括了Javascript中的高阶函数介绍的使用技巧和注意事项,需要的朋友参考一下 这是一个有趣的东西,这或许也在说明Javascript对象的强大。我们要做的就是在上一篇说到的那样,输出一个Hello,World,而输入的东西是print('Hello')('World'),而这就是所谓的高阶函数。 高阶函数 高阶看上去就像是一种先进的编程技术

  • 本文向大家介绍JavaScript中的console.log()函数详细介绍,包括了JavaScript中的console.log()函数详细介绍的使用技巧和注意事项,需要的朋友参考一下 对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用;而console.log

  • 本文向大家介绍JavaScript中的console.time()函数详细介绍,包括了JavaScript中的console.time()函数详细介绍的使用技巧和注意事项,需要的朋友参考一下 如果需要在Web调试过程中知道代码执行的时间,那么可以通过在JavaScript代码中添加console.time()语句和console.timeEnd()语句来对程序的执行进行计时。以下面这个耗时较长的f

  • 本文向大家介绍JavaScript中的console.group()函数详细介绍,包括了JavaScript中的console.group()函数详细介绍的使用技巧和注意事项,需要的朋友参考一下 在使用console.log()或者其它日志级别的控制台输出功能时,日志输出是没有层级关系的。当程序中日志输出较多时,这一局限性将带来不小的麻烦。为了解决这一问题,可以使用console.group()。