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 数组详解
Oct 10 Javascript
JavaScript中this的使用详解
Nov 08 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
Nov 22 Javascript
js同源策略详解
May 21 Javascript
Javascript实现获取及设置光标位置的方法
Jul 21 Javascript
js+div实现文字滚动和图片切换效果代码
Aug 27 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
Oct 09 Javascript
Javascript基础知识盲点总结之函数
May 15 Javascript
浅谈Vue初学之props的驼峰命名
Jul 19 Javascript
js实现滑动进度条效果
Aug 21 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
Nov 06 Javascript
JS 基本概念详细介绍
Oct 16 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 socket方式提交的post详解
2008/07/19 PHP
解析PHP实现多进程并行执行脚本
2013/06/18 PHP
php采集中国代理服务器网的方法
2015/06/16 PHP
ThinkPHP框架实现定时执行任务的两种方法分析
2018/09/04 PHP
php生成word并下载代码实例
2019/03/15 PHP
datePicker——日期选择控件(with jquery)
2007/02/20 Javascript
js判断手机端(Android手机还是iPhone手机)
2015/07/22 Javascript
JS实现可调整倒计时间代码分享
2015/08/18 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
JS提交form表单实例分析
2015/12/10 Javascript
js实现div模拟模态对话框展现URL内容
2016/05/27 Javascript
jQuery 全选 全不选 事件绑定的实现代码
2017/01/23 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
2017/03/02 Javascript
微信小程序 滚动到某个位置添加class效果实现代码
2017/04/19 Javascript
vue异步加载高德地图的实现
2018/06/19 Javascript
深入理解nodejs搭建静态服务器(实现命令行)
2019/02/05 NodeJs
详解如何模拟实现node中的Events模块(通俗易懂版)
2019/04/15 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
2020/04/24 Javascript
JS常见内存泄漏及解决方案解析
2020/05/30 Javascript
[02:07]DOTA2超级联赛专访BBC:难忘网吧超神经历
2013/06/09 DOTA
[06:53]2018DOTA2国际邀请赛寻真——为复仇而来的Newbee
2018/08/15 DOTA
查看Python安装路径以及安装包路径小技巧
2015/04/28 Python
教你用Python脚本快速为iOS10生成图标和截屏
2016/09/22 Python
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
python 中的列表生成式、生成器表达式、模块导入
2019/06/19 Python
使用NumPy读取MNIST数据的实现代码示例
2019/11/20 Python
python3实现简单飞机大战
2020/11/29 Python
Canvas 文字碰撞检测并抽稀的方法
2019/05/27 HTML / CSS
Kate Spade美国官网:纽约新兴时尚品牌,以包包闻名于世
2017/11/09 全球购物
CK澳大利亚官网:Calvin Klein澳大利亚
2020/12/12 全球购物
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
幼儿园中班新学期寄语
2014/01/18 职场文书
大学优秀班主任事迹材料
2014/05/02 职场文书
群众路线自我剖析及整改措施
2014/11/04 职场文书
让人感觉高大上的讲话稿怎么写?
2019/07/08 职场文书
动画电影《龙珠超 超级英雄》延期上映
2022/03/20 日漫