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 NodeTree导航栏(菜单项JSON类型/自制)
Feb 01 Javascript
JavaScript中的onerror事件概述及使用
Apr 01 Javascript
Jquery事件的连接使用示例
Jun 18 Javascript
Javascript验证上传图片大小[前台处理]
Jul 18 Javascript
基于JS实现的笛卡尔乘积之商品发布
May 13 Javascript
Bootstrap CDN和本地化环境搭建
Oct 26 Javascript
微信小程序 支付功能实现PHP实例详解
May 12 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 Javascript
vue实现添加与删除图书功能
Oct 07 Javascript
webpack4 SplitChunks实现代码分隔详解
May 23 Javascript
Node.js系列之连接DB的方法(3)
Aug 30 Javascript
解决vue-router路由拦截造成死循环问题
Aug 05 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
web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
2013/06/01 PHP
试用php中oci8扩展
2015/06/18 PHP
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
php_pdo 预处理语句详解
2016/11/21 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
为jquery.ui.dialog 增加“在当前鼠标位置打开”的功能
2009/11/24 Javascript
一个简单的瀑布流效果(主体形式自写)
2013/05/27 Javascript
JQuery操作三大控件(下拉,单选,复选)的方法
2013/08/06 Javascript
jquery中JSON的解析方式
2015/03/16 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
2015/09/15 Javascript
深入浅析Node.js 事件循环
2015/12/20 Javascript
JS添加删除DIV的简单实例
2016/07/08 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
2017/12/04 Javascript
详解vue渲染函数render的使用
2017/12/12 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
2018/07/25 Javascript
2种在vue项目中使用百度地图的简单方法
2018/09/28 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
2018/10/26 jQuery
Vue监听页面刷新和关闭功能
2019/06/20 Javascript
JavaScript如何实现图片处理与合成
2020/05/29 Javascript
Python urlopen 使用小示例
2008/09/06 Python
基于python时间处理方法(详解)
2017/08/14 Python
python3.x实现base64加密和解密
2019/03/28 Python
python中metaclass原理与用法详解
2019/06/25 Python
python实现爬取百度图片的方法示例
2019/07/06 Python
python3实现从kafka获取数据,并解析为json格式,写入到mysql中
2019/12/23 Python
Nike澳大利亚官网:Nike.com (AU)
2019/06/03 全球购物
美国围栏公司:Walpole Outdoors
2019/11/19 全球购物
衰败城市英国官网:Urban Decay英国
2020/04/29 全球购物
init进程的作用
2012/04/12 面试题
家长对孩子评语
2014/01/30 职场文书
我的中国梦演讲稿800字
2014/08/19 职场文书
教师节标语大全
2014/10/07 职场文书
2015年少先队活动总结
2015/03/25 职场文书
如何理解及使用Python闭包
2021/06/01 Python
JavaScript 与 TypeScript之间的联系
2021/11/27 Javascript