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 相关文章推荐
Jquery 获得服务器控件值的方法小结
May 11 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
Apr 10 Javascript
jquery.idTabs 选项卡使用示例代码
Sep 03 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
May 27 Javascript
原生js封装的一些jquery方法(详解)
Sep 20 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
浅谈Angular的$q, defer, promise
Dec 20 Javascript
基于cookie实现zTree树刷新后展开状态不变
Feb 28 Javascript
vscode中vue-cli项目es-lint的配置方法
Jul 30 Javascript
jQuery无冲突模式详解
Jan 17 jQuery
JavaScript数据结构与算法之二叉树插入节点、生成二叉树示例
Feb 21 Javascript
js get和post请求实现代码解析
Feb 06 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
Mysql和网页显示乱码解决方法集锦
2008/03/27 PHP
教你如何在CI框架中使用 .htaccess 隐藏url中index.php
2014/06/09 PHP
php技巧小结【推荐】
2017/01/19 PHP
PHP后台微信支付和支付宝支付开发
2017/04/28 PHP
js中cookie的使用详细分析
2008/05/28 Javascript
让ie运行js时提示允许阻止内容运行的解决方法
2010/10/24 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
innerHTML在IE中报错解决方案
2014/12/15 Javascript
Javascript实现网络监测的方法
2015/07/31 Javascript
JavaScript仿flash遮罩动画效果
2016/06/15 Javascript
JS字符串false转boolean的方法(推荐)
2017/03/08 Javascript
在vue.js中抽出公共代码的方法示例
2017/06/08 Javascript
用react-redux实现react组件之间数据共享的方法
2018/06/08 Javascript
微信二次分享报错invalid signature问题及解决方法
2019/04/01 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
2019/06/24 Javascript
微信小程序左右滚动公告栏效果代码实例
2019/09/16 Javascript
node.JS路径解析之PATH模块使用方法详解
2020/02/06 Javascript
python中的一些类型转换函数小结
2013/02/10 Python
详解python eval函数的妙用
2017/11/16 Python
Python实现字符串匹配算法代码示例
2017/12/05 Python
Windows环境下python环境安装使用图文教程
2018/03/13 Python
Python3的介绍、安装和命令行的认识(推荐)
2018/10/20 Python
解决Pycharm下面出现No R interpreter defined的问题
2018/10/29 Python
python获取中文字符串长度的方法
2018/11/14 Python
python 将字符串中的数字相加求和的实现
2019/07/18 Python
Python中typing模块与类型注解的使用方法
2019/08/05 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
2019/09/16 Python
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
三星加拿大官方网上商店:Samsung CA
2020/12/18 全球购物
CNC数控操作工岗位职责
2013/11/19 职场文书
客服工作职责
2013/12/11 职场文书
教师评优事迹材料
2014/01/10 职场文书
高一历史教学反思
2014/01/13 职场文书
家长会主持词开场白
2014/03/18 职场文书
励志演讲稿300字
2014/08/21 职场文书
2015年学校教育教学工作总结
2015/04/22 职场文书