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 相关文章推荐
extjs grid设置某列背景颜色和字体颜色的实现方法
Sep 06 Javascript
jquery通过visible来判断标签是否显示或隐藏
May 08 Javascript
Javascript基础教程之switch语句
Jan 18 Javascript
JavaScript中计算网页中某个元素的位置
Jun 10 Javascript
jQuery插件实现静态HTML验证码校验
Nov 06 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
Jan 28 Javascript
JS实现瀑布流布局
Oct 21 Javascript
Vue中自定义全局组件的实现方法
Dec 08 Javascript
JS实现动态生成html table表格的方法分析
Jul 11 Javascript
原生js实现的移动端可拖动进度条插件功能详解
Aug 15 Javascript
layui固定下拉框的显示条数(有滚动条)的方法
Sep 10 Javascript
JavaScript原始值与包装对象的详细介绍
May 11 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实现json_decode不转义中文的方法
2017/05/20 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
Yii2框架控制器、路由、Url生成操作示例
2019/05/27 PHP
laravel框架数据库配置及操作数据库示例
2019/10/10 PHP
jscript之Open an Excel Spreadsheet
2007/06/13 Javascript
javascript globalStorage类代码
2009/06/04 Javascript
JQuery 实现在同一页面锚点链接之间的平滑滚动
2014/10/29 Javascript
基于javascript实现的搜索时自动提示功能
2014/12/26 Javascript
jQuery中parentsUntil()方法用法实例
2015/01/07 Javascript
JQuery select(下拉框)操作方法汇总
2015/04/15 Javascript
JScript中的条件注释详解
2015/04/24 Javascript
javascript实现动态标签云
2015/10/16 Javascript
利用原生JS与jQuery实现数字线性变化的动画
2017/02/24 Javascript
js实现canvas图片与img图片的相互转换的示例
2017/08/31 Javascript
Vue.js实现的计算器功能完整示例
2018/07/11 Javascript
JavaScript实现简单轮播图效果
2018/12/01 Javascript
vue-socket.io接收不到数据问题的解决方法
2020/05/13 Javascript
vue+vant实现购物车全选和反选功能
2020/11/17 Vue.js
[01:47]2018年度DOTA2最佳教练-完美盛典
2018/12/16 DOTA
Python中的startswith和endswith函数使用实例
2014/08/25 Python
Python中的一些陷阱与技巧小结
2015/07/10 Python
一波神奇的Python语句、函数与方法的使用技巧总结
2015/12/08 Python
解决PyCharm中光标变粗的问题
2017/08/05 Python
Python学习笔记之if语句的使用示例
2017/10/23 Python
Django开发中的日志输出的方法
2018/07/02 Python
对pandas的行列名更改与数据选择详解
2018/11/12 Python
PyCharm鼠标右键不显示Run unittest的解决方法
2018/11/30 Python
Python中的xlrd模块使用原理解析
2020/05/21 Python
python模块如何查看
2020/06/16 Python
英国儿童图书网站:Scholastic
2017/03/26 全球购物
世界领先的豪华床上用品供应商之一:Bedeck Home
2019/03/18 全球购物
白俄罗斯大卖场:21vek.by
2019/07/25 全球购物
六一儿童节主持词
2014/03/21 职场文书
疾病捐款倡议书
2014/05/13 职场文书
个人对照检查材料思想汇报
2014/09/26 职场文书
大学生军训感言
2015/08/01 职场文书