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


Posted in Javascript onDecember 29, 2014

在调试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 相关文章推荐
漂亮的仿flash菜单,来自蓝色经典
Jun 26 Javascript
js实现的日期操作类DateTime函数代码
Mar 16 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
Jun 06 Javascript
JavaScript实现简单的数字倒计时
May 15 Javascript
JS实现刷新父页面不弹出提示框的方法
Jun 22 Javascript
angularJS 指令封装回到顶部示例详解
Jan 22 Javascript
使用 jQuery 实现表单验证功能
Jul 05 jQuery
JavaScript实现计算圆周率到小数点后100位的方法示例
May 08 Javascript
Angular6 写一个简单的Select组件示例
Aug 20 Javascript
微信小程序实现定位及到指定位置导航的示例代码
Aug 20 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 Javascript
vue props对象validator自定义函数实例
Nov 13 Javascript
JavaScript中的console.group()函数详细介绍
Dec 29 #Javascript
小米公司JavaScript面试题
Dec 29 #Javascript
谷歌浏览器调试JavaScript小技巧
Dec 29 #Javascript
JavaScript中的console.trace()函数介绍
Dec 29 #Javascript
JavaScript中的console.profile()函数详细介绍
Dec 29 #Javascript
jQuery中element选择器用法实例
Dec 29 #Javascript
JavaScript中的console.time()函数详细介绍
Dec 29 #Javascript
You might like
ASP和PHP都是可以删除自身的
2007/04/09 PHP
php+mysql分页代码详解
2008/03/27 PHP
一步一步学习PHP(1) php开发环境配置
2010/02/15 PHP
php include和require的区别深入解析
2013/06/17 PHP
访问编码后的中文URL返回404错误的解决方法
2014/08/20 PHP
一段多浏览器的"复制到剪贴板"javascript代码
2007/03/27 Javascript
Javascript实现的类似Google的Div拖动效果代码
2011/08/09 Javascript
Javascript:为input设置readOnly属性(示例讲解)
2013/12/25 Javascript
javascript中的return和闭包函数浅析
2014/06/06 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
2015/03/06 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
2015/08/10 Javascript
js文字横向滚动特效
2015/11/11 Javascript
jQuery实现图片向左向右切换效果的简单实例
2016/05/18 Javascript
angularjs下拉框空白的解决办法
2017/06/20 Javascript
基于Vue2x的图片预览插件的示例代码
2018/05/14 Javascript
为什么说JavaScript预解释是一种毫无节操的机制详析
2018/11/18 Javascript
Vue中遍历数组的新方法实例详解
2019/07/21 Javascript
解决layer.confirm选择完之后消息框不消失的问题
2019/09/16 Javascript
微信小程序用户登录和登录态维护的实现
2020/12/10 Javascript
python的tkinter布局之简单的聊天窗口实现方法
2014/09/03 Python
用Python编写生成树状结构的文件目录的脚本的教程
2015/05/04 Python
详解Python中映射类型(字典)操作符的概念和使用
2015/08/19 Python
Python处理文本换行符实例代码
2018/02/03 Python
Python中生成器和迭代器的区别详解
2018/02/10 Python
python 用下标截取字符串的实例
2018/12/25 Python
Python Handler处理器和自定义Opener原理详解
2020/03/05 Python
解决django FileFIELD的编码问题
2020/03/30 Python
解决Django响应JsonResponse返回json格式数据报错问题
2020/08/09 Python
全面解析CSS Media媒体查询使用操作(推荐)
2017/08/15 HTML / CSS
大学自荐信
2013/12/12 职场文书
反邪教标语
2014/06/23 职场文书
奶茶店创业计划书
2014/08/14 职场文书
科技工作者先进事迹
2014/08/16 职场文书
2014年党员整改措施范文
2014/09/21 职场文书
女性励志书籍推荐
2019/08/19 职场文书
SpringCloud超详细讲解Feign声明式服务调用
2022/06/21 Java/Android