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 相关文章推荐
过虑特殊字符输入的js代码
Aug 05 Javascript
JavaScript通过select动态更换图片的方法
Mar 23 Javascript
jQuery制作可自定义大小的拼图游戏
Mar 30 Javascript
JS选项卡动态替换banner图片路径的方法
May 11 Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 Javascript
js滑动提示效果代码分享
Mar 10 Javascript
jQuery ajax实现省市县三级联动
Mar 07 Javascript
基于原生js运动方式关键点的总结(推荐)
Oct 01 Javascript
vue中的scope使用详解
Oct 29 Javascript
微信小程序使用radio显示单选项功能【附源码下载】
Dec 11 Javascript
微信小程序实现手势图案锁屏功能
Jan 30 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
Oct 23 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
Ping服务的php实现方法,让网站快速被收录
2012/02/04 PHP
PHP取二进制文件头快速判断文件类型的实现代码
2013/08/05 PHP
Mac环境下php操作mysql数据库的方法分享
2015/05/11 PHP
Laravel框架Blade模板简介及模板继承用法分析
2019/12/03 PHP
用js脚本控制asp.net下treeview的NodeCheck的实现代码
2010/03/02 Javascript
js前台分页显示后端JAVA数据响应
2013/03/18 Javascript
js Date概念详细介绍
2013/11/22 Javascript
JS实现模仿微博发布效果实例代码
2013/12/16 Javascript
node.js中的http.request方法使用说明
2014/12/14 Javascript
使用AngularJS和PHP的Laravel实现单页评论的方法
2015/06/19 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
2015/08/21 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
2016/01/22 Javascript
AngularJS入门教程之控制器详解
2016/07/27 Javascript
AngularJS中实现动画效果的方法
2016/07/28 Javascript
JavaScript实现Java中Map容器的方法
2016/10/09 Javascript
ES6中的rest参数与扩展运算符详解
2017/07/18 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
vue-cli项目配置多环境的详细操作过程
2018/10/30 Javascript
深入理解vue-class-component源码阅读
2019/02/18 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
原生js拖拽功能制作滑动条实例代码
2021/02/05 Javascript
[02:12]DOTA2英雄基础教程 变体精灵
2013/12/16 DOTA
Python科学计算之NumPy入门教程
2017/01/15 Python
Python实现PyPDF2处理PDF文件的方法示例
2019/09/25 Python
Python 程序报错崩溃后如何倒回到崩溃的位置(推荐)
2020/06/23 Python
收集的22款给力的HTML5和CSS3帮助工具
2012/09/14 HTML / CSS
银行会计业务的个人自我评价
2013/11/02 职场文书
查环查孕证明
2014/01/10 职场文书
八一建军节部队活动方案
2014/02/04 职场文书
求职教师自荐书
2014/06/19 职场文书
经典演讲稿开场白
2014/08/25 职场文书
详细的本科生职业生涯规划范文
2014/09/16 职场文书
孕妇离婚协议书范本
2014/11/20 职场文书
2015年见习期个人工作总结
2015/05/28 职场文书
《金色的草地》教学反思
2016/02/17 职场文书
MySQL数据库事务的四大特性
2022/04/20 MySQL