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

 更新时间:2014年12月29日 10:51:46   投稿:junjie  
这篇文章主要介绍了JavaScript中的console.dir()函数介绍,console.dir主要用来dump某些对象的详细信息,需要的朋友可以参考下

在调试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设计模式之构造器模式(生成器模式)定义与用法实例分析

    JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析

    这篇文章主要介绍了JavaScript设计模式之构造器模式(生成器模式)定义与用法,结合实例形式分析了javascript构造器模式的概念、原理、与工厂模式的区别以及相关使用方法,需要的朋友可以参考下
    2018-07-07
  • JS控制按钮10秒钟后可用的方法

    JS控制按钮10秒钟后可用的方法

    这篇文章主要介绍了JS控制按钮10秒钟后可用的方法,涉及JavaScript基于时间函数控制页面元素样式动态变换的技巧,需要的朋友可以参考下
    2015-12-12
  • js实现目录链接,内容跟着目录滚动显示的简单实例

    js实现目录链接,内容跟着目录滚动显示的简单实例

    下面小编就为大家带来一篇js实现目录链接,内容跟着目录滚动显示的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • JavaScript 开发规范要求(图文并茂)

    JavaScript 开发规范要求(图文并茂)

    作为一名开发人员(WEB前端JavaScript开发),不规范的开发不仅使日后代码维护变的困难,同时也不利于团队的合作,通常还会带来代码安全以及执行效率上的问题。
    2010-06-06
  • 微信小程序实现获取手机号60s倒计时

    微信小程序实现获取手机号60s倒计时

    这篇文章主要为大家详细介绍了微信小程序实现获取手机号60s倒计时,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 详细聊一聊js防抖节流到底是什么

    详细聊一聊js防抖节流到底是什么

    在项目开发中我们常常会去监听滚动事件或者用户输入框验证事件,如果事件处理没有频率限制,当用户不断触发事件时,就会加重浏览器的负担,影响用户的体验,造成不必要的损失,这篇文章主要给大家介绍了关于js防抖节流到底是什么的相关资料,需要的朋友可以参考下
    2022-04-04
  • 浅谈javascript中的 “ && ” 和 “ || ”

    浅谈javascript中的 “ && ” 和 “ || ”

    本文主要介绍了Javascript中的 “ && ” 和 “ || ”的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 详解JavaScript中Hash Map映射结构的实现

    详解JavaScript中Hash Map映射结构的实现

    Hash Map通常在JavaScript中作为一个简单的来存储键值对的地方,不过哈希对象Object并不是一个真正的哈希映射,没Java中的Hash Map来的那么强大,well,接下来带大家详解JavaScript中Hash Map映射结构的实现
    2016-05-05
  • syntaxhighlighter 使用方法

    syntaxhighlighter 使用方法

    syntaxhighlighter 使用方法...
    2007-07-07
  • 图解JavaScript中的this关键字

    图解JavaScript中的this关键字

    这篇文章利用图片讲解的方式向大家解释了JavaScript中的this关键字,JavaScript this 到底指向什么?从这篇文章中大家可以得到想要的答案,需要的朋友可以参考下
    2015-10-10

最新评论