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 相关文章推荐
传智播客学习之java 反射
Nov 22 Javascript
javascript的parseFloat()方法精度问题探讨
Nov 26 Javascript
table insertRow、deleteRow定义和用法总结
May 14 Javascript
JavaScript操作select元素和option的实例代码
Jan 29 Javascript
对象转换为原始值的实现方法
Jun 06 Javascript
AngularJS 模型详细介绍及实例代码
Jul 27 Javascript
AngularJS基础 ng-include 指令简单示例
Aug 01 Javascript
jQuery实现下拉菜单的实例代码
Jun 19 jQuery
Vue2 SSR渲染根据不同页面修改 meta
Nov 20 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
Jan 03 Javascript
js input输入百分号保存数据库失败的解决方法
May 26 Javascript
JS实现斐波那契数列的五种方式(小结)
Sep 09 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
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
淘宝搜索框效果实现分析
2011/03/05 Javascript
避免回车键导致的页面无意义刷新的解决方法
2011/04/12 Javascript
用js写了一个类似php的print_r输出换行功能
2013/02/18 Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
2013/04/19 Javascript
JavaScript列表框listbox全选和反选的实现方法
2015/03/18 Javascript
JS定义网页表单提交(submit)的方法
2015/03/20 Javascript
微信+angularJS的SPA应用中用router进行页面跳转,jssdk校验失败问题解决
2016/09/09 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
2016/10/28 Javascript
vue2.0开发实践总结之疑难篇
2016/12/07 Javascript
jQuery图片查看插件Magnify开发详解
2017/12/25 jQuery
vue slot 在子组件中显示父组件传递的模板
2018/03/02 Javascript
浅析node.js的模块加载机制
2018/05/25 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
node.js express捕获全局异常的三种方法实例分析
2019/12/27 Javascript
微信小程序多列表渲染数据开关互不影响的实现
2020/06/05 Javascript
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
python连接MySQL数据库实例分析
2015/05/12 Python
利用ctypes提高Python的执行速度
2016/09/09 Python
Python操作Access数据库基本步骤分析
2016/09/19 Python
Python进程Multiprocessing模块原理解析
2020/02/28 Python
详解Python yaml模块
2020/09/23 Python
css3 position fixed固定居中问题解决方案
2014/08/19 HTML / CSS
法国票务网站:Ticketmaster法国
2018/07/09 全球购物
北京天润融通.net面试题笔试题
2012/02/20 面试题
《我的第一本书》教学反思
2014/02/15 职场文书
个人租房协议书
2014/04/09 职场文书
小学生操行评语大全
2014/04/22 职场文书
保护环境倡议书100字
2014/05/19 职场文书
入党积极分子自我批评思想汇报
2014/10/10 职场文书
会计主管岗位职责
2015/04/02 职场文书
新学期家长寄语2016
2015/12/03 职场文书
Mysql中存储引擎的区别及比较
2021/06/04 MySQL
Python Pandas读取Excel日期数据的异常处理方法
2022/02/28 Python
redis数据一致性的实现示例
2022/03/18 Redis
Vertica集成Apache Hudi重磅使用指南
2022/03/31 Servers