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自执行函数之伪命名空间封装法
Dec 25 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
Mar 11 Javascript
JavaScript中的call方法和apply方法使用对比
Aug 12 Javascript
js实现图片轮播效果
Dec 19 Javascript
Vue.js系列之项目结构说明(2)
Jan 03 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
Mar 15 Javascript
基于JavaScript实现的快速排序算法分析
Apr 14 Javascript
Vue中定义全局变量与常量的各种方式详解
Aug 23 Javascript
Angular将填入表单的数据渲染到表格的方法
Sep 22 Javascript
ES6中定义类和对象的方法示例
Jul 31 Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
Sep 17 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用header函数实现301跳转代码实例
2013/11/25 PHP
PHP自定义函数实现格式化秒的方法
2016/09/14 PHP
老生常谈PHP面向对象之注册表模式
2017/05/26 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
js怎么终止程序return不行换jfslk
2013/05/30 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/25 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
2014/01/10 Javascript
JavaScript实现获得所有兄弟节点的方法
2015/07/23 Javascript
JavaScript计算器网页版实现代码分享
2016/07/15 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
2016/08/01 Javascript
浅谈Node.js:理解stream
2016/12/08 Javascript
ie下js不执行的几种可能
2017/02/28 Javascript
JavaScript之underscore_动力节点Java学院整理
2017/07/03 Javascript
js实现鼠标移动到图片产生遮罩效果
2017/10/21 Javascript
学习python 之编写简单乘法运算题
2016/02/27 Python
Python之批量创建文件的实例讲解
2018/05/10 Python
Python爬虫基础之XPath语法与lxml库的用法详解
2018/09/13 Python
python排序函数sort()与sorted()的区别
2018/09/18 Python
在PyTorch中Tensor的查找和筛选例子
2019/08/18 Python
python时间序列数据转为timestamp格式的方法
2020/08/03 Python
HTML5新增元素如何兼容旧浏览器有哪些方法
2014/05/09 HTML / CSS
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
英国经济型酒店品牌:Travelodge
2019/12/17 全球购物
System.Array.CopyTo()和System.Array.Clone()有什么区别
2016/06/20 面试题
大学生个人求职信范文
2013/09/21 职场文书
如何客观的进行自我评价
2013/12/17 职场文书
上海世博会口号
2014/06/19 职场文书
原料仓仓管员岗位职责
2014/07/08 职场文书
反腐倡廉剖析材料
2014/09/30 职场文书
介绍信范文
2015/01/31 职场文书
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers
MongoDB数据库常用的10条操作命令
2021/06/18 MongoDB
React实现动效弹窗组件
2021/06/21 Javascript
Golang中channel的原理解读(推荐)
2021/10/16 Golang
Golang数据类型和相互转换
2022/04/12 Golang