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 相关文章推荐
Javascript 继承机制实例
Aug 12 Javascript
实现动画效果核心方式的js代码
Sep 27 Javascript
JS简单测试循环运行时间的方法
Sep 04 Javascript
jQuery弹出层插件popShow(改进版)用法示例
Jan 23 Javascript
js和jquery中获取非行间样式
May 05 jQuery
微信小程序实现拖拽 image 触摸事件监听的实例
Aug 17 Javascript
在 Vue 项目中引入 tinymce 富文本编辑器的完整代码
May 04 Javascript
react-native使用leanclound消息推送的方法
Aug 06 Javascript
JavaScript中的"=、==、==="区别讲解
Jan 22 Javascript
Vue-Cli项目优化操作的实现
Oct 27 Javascript
解决vue项目获取dom元素宽高总是不准确问题
Jul 29 Javascript
typescript编写微信小程序创建项目的方法
Jan 29 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
中东人咖啡哲学
2021/03/03 咖啡文化
如何隐藏你的.php文件
2007/01/04 PHP
PHP 数组遍历方法大全(foreach,list,each)
2010/06/30 PHP
PHP错误提示的关闭方法详解
2013/06/23 PHP
Laravel框架学习笔记(二)项目实战之模型(Models)
2014/10/15 PHP
PHP限制HTML内容中图片必须是本站的方法
2015/06/16 PHP
PHP批量修改文件名称的方法分析
2017/02/27 PHP
php创建类并调用的实例方法
2019/09/25 PHP
用javascript自动显示最后更新时间
2007/03/15 Javascript
js判断浏览器类型为ie6时不执行
2014/06/15 Javascript
Node.js实现Excel转JSON
2015/04/24 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
js实现Select头像选择实时预览代码
2015/08/17 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
2016/05/24 Javascript
让你一句话理解闭包(简单易懂)
2016/06/03 Javascript
Javascript6中字符串的四个新用法分享
2016/09/11 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
2016/12/14 Javascript
vue-cli如何添加less 以及sass
2017/07/06 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
vue二级路由设置方法
2018/02/09 Javascript
electron制作仿制qq聊天界面的示例代码
2018/11/26 Javascript
微信小程序官方动态自定义底部tabBar的例子
2019/09/04 Javascript
快速了解Python相对导入
2018/01/12 Python
python定向爬虫校园论坛帖子信息
2018/07/23 Python
对python dataframe逻辑取值的方法详解
2019/01/30 Python
python读取图片的几种方式及图像宽和高的存储顺序
2020/02/11 Python
python matplotlib imshow热图坐标替换/映射实例
2020/03/14 Python
ITK 实现多张图像转成单个nii.gz或mha文件案例
2020/07/01 Python
python爬虫实现爬取同一个网站的多页数据的实例讲解
2021/01/18 Python
中国高端家电购物商城:顺电
2018/03/04 全球购物
意大利男装网店:Vrients
2019/05/02 全球购物
学习雷锋活动总结
2014/04/29 职场文书
祖国在我心中演讲稿500字
2014/05/04 职场文书
实习感想范文
2015/08/10 职场文书
简历自我评价范文
2019/04/24 职场文书
2021-4-3课程——SQL Server查询【2】
2021/04/05 SQL Server