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 相关文章推荐
Tab页界面,用jQuery及Ajax技术实现
Sep 21 Javascript
JQuery实现网页右侧随动广告特效
Jan 17 Javascript
最佳的JavaScript错误处理实践
Jul 16 Javascript
vue.js入门教程之计算属性
Sep 01 Javascript
Jquery树插件zTree实现菜单树
Jan 24 Javascript
js中数组插入、删除元素操作的方法
Feb 15 Javascript
微信JS-SDK选取手机照片上传功能
Apr 21 Javascript
Thinkphp5微信小程序获取用户信息接口的实例详解
Sep 26 Javascript
Electron-vue脚手架改造vue项目的方法
Oct 22 Javascript
javascript实现简易的计算器
Jan 17 Javascript
vue.js iview打包上线后字体图标不显示解决办法
Jan 20 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
Apr 27 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
利用discuz实现PHP大文件上传应用实例代码
2008/11/14 PHP
PHP基于phpqrcode生成带LOGO图像的二维码实例
2015/07/10 PHP
PHP实现通过strace定位故障原因的方法
2018/04/29 PHP
通过js脚本复制网页上的一个表格的不错实现方法
2006/12/29 Javascript
JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
2007/08/13 Javascript
JavaScript 获取事件对象的注意点
2009/07/29 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
2013/01/25 Javascript
JavaScript异步编程Promise模式的6个特性
2014/04/03 Javascript
JS 对象属性相关(检查属性、枚举属性等)
2015/04/05 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
javascript 取小数点后几位几种方法总结
2017/08/02 Javascript
深入理解ES6学习笔记之块级作用域绑定
2017/08/19 Javascript
快速解决brew安装特定版本flow的问题
2018/05/17 Javascript
vuejs点击class变化的实例
2018/09/05 Javascript
React Native开发封装Toast与加载Loading组件示例
2018/09/08 Javascript
微信小程序整合使用富文本编辑器的方法详解
2019/04/25 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
2019/05/10 Javascript
vue.js实现二级菜单效果
2019/10/19 Javascript
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
python计算最大优先级队列实例
2013/12/18 Python
python实现TCP服务器端与客户端的方法详解
2015/04/30 Python
简单谈谈python的反射机制
2016/06/28 Python
Python爬虫的两套解析方法和四种爬虫实现过程
2018/07/20 Python
Python连接Redis的基本配置方法
2018/09/13 Python
ERLANG和PYTHON互通实现过程详解
2019/07/05 Python
利用Python复制文件的9种方法总结
2019/09/02 Python
屏蔽Django admin界面添加按钮的操作
2020/03/11 Python
python实例化对象的具体方法
2020/06/17 Python
Django实现微信小程序支付的示例代码
2020/09/03 Python
新加坡一家在线男士皮具品牌:Faire Leather Co.
2019/12/01 全球购物
如何查找网页漏洞
2016/06/22 面试题
暑期教师培训方案
2014/06/07 职场文书
股东授权委托书范本
2014/09/13 职场文书
新闻稿怎么写
2015/07/18 职场文书
婚礼答谢词范文
2015/09/29 职场文书