Javascript中的var_dump函数实现代码


Posted in Javascript onSeptember 07, 2009

发现了一个非常好的JavaScript调试方法,目前看到的是可以打印Object/Array/Function/String四种类型,使用方法和PHP中的var_dump()一样,只要直接dump(变量名)即可。

dump(value, [showTypes]) 
@ param value (Any) value to dump 
@ param [showTypes] (Boolean) optional to display each key/value's type 
@ return (Void) returns nothing

The Dump method is based on one of the tags available in Coldfusion ( <cfdump>) providing the ability to display simple and complex variables in a user friendly way that is perfect for debugging/inspecting data. There is no way to do this with javascript and often I had wanted a method to do this. This method will do just that allowing for an infinite amount of data nesting complete with color coding for different data types, the ability to show/hide the data's type (String/Number/Boolean/Object/Array/Function), expandable and collapsible tables/keys and cross browser support.

Click on the buttons bellow to see some examples in action, toggle the Show Data Types box to see javascript data typing in action (not possible in Coldfusion).

Browser Support
Internet Explorer 6, Internet Explorer 7, Firefox 1.5, Opera 8, Safari 1.2 (Mac), Firefox (Mac) - all tested, should also work in most other browsers

Dump Examples
官方网址
http://www.netgrow.com.au/files/javascript_dump.cfm
相关文件
http://www.netgrow.com.au/assets/files/dump/dump.zip

以防上面的地址下载不了,三水点靠木本地下载地址
https://3water.com/jiaoben/20804.html

Javascript 相关文章推荐
&amp;lt;script defer&amp;gt; defer 是什么意思
May 10 Javascript
Javascript中的window.event.keyCode使用介绍
Apr 26 Javascript
Javascript计算时间差的函数分享
Jul 04 Javascript
javascript小数四舍五入多种方法实现
Dec 23 Javascript
Jquery搜索父元素操作方法
Feb 10 Javascript
关于JavaScript的变量的数据类型的判断方法
Aug 14 Javascript
JavaScript直播评论发弹幕切图功能点集合效果代码
Jun 26 Javascript
JavaScript 详解预编译原理
Jan 22 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
Jul 09 Javascript
vue2 全局变量的设置方法
Mar 09 Javascript
elementUI table表格动态合并的示例代码
May 15 Javascript
jQuery实现弹出层效果
Dec 10 jQuery
jquery tools系列 expose 学习
Sep 06 #Javascript
jquery tools 系列 scrollable(2)
Sep 06 #Javascript
jquery tools 系列 scrollable学习
Sep 06 #Javascript
javascript事件问题
Sep 05 #Javascript
js跨域和ajax 跨域问题的实现思路
Sep 05 #Javascript
JavaScript 密码强度判断代码
Sep 05 #Javascript
关于javascript中的parseInt使用技巧
Sep 03 #Javascript
You might like
PHP中遍历stdclass object的实现代码
2011/06/09 PHP
ThinkPHP与PHPExcel冲突解决方法
2011/08/08 PHP
PHP实现变色验证码实例
2014/01/06 PHP
Yii查询生成器(Query Builder)用法实例教程
2014/09/04 PHP
PHP生成json和xml类型接口数据格式
2015/05/17 PHP
PHP 9 大缓存技术总结
2015/09/17 PHP
Avengerls vs Newbee BO3 第三场2.18
2021/03/10 DOTA
Mootools 1.2教程 设置和获取样式表属性
2009/09/15 Javascript
IE中图片的onload事件无效问题和解决方法
2014/06/06 Javascript
Nodejs学习笔记之入门篇
2015/04/16 NodeJs
jQuery实现为图片添加镜头放大效果的方法
2015/06/25 Javascript
Bootstrap中CSS的使用方法
2016/02/17 Javascript
JS实现搜索框文字可删除功能
2016/12/28 Javascript
Vue中计算属性computed的示例解读
2017/07/26 Javascript
谈谈JS中的!!
2017/12/07 Javascript
JS对象和字符串之间互换操作实例分析
2019/02/02 Javascript
Vue实现类似Spring官网图片滑动效果方法
2019/03/01 Javascript
JavaScript获取当前url路径过程解析
2019/12/27 Javascript
详解JavaScript 高阶函数
2020/09/14 Javascript
Python设计模式之代理模式实例
2014/04/26 Python
Python中encode()方法的使用简介
2015/05/18 Python
Python实现获取域名所用服务器的真实IP
2015/10/25 Python
Python 异常处理的实例详解
2017/09/11 Python
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
python批量导入数据进Elasticsearch的实例
2018/05/30 Python
ubuntu16.04制作vim和python3的开发环境
2018/09/23 Python
基于Python安装pyecharts所遇的问题及解决方法
2019/08/12 Python
Python爬取YY评级分数并保存数据实现过程解析
2020/06/01 Python
详解python对象之间的交互
2020/09/29 Python
StubHub墨西哥:购买和出售您的门票
2016/09/17 全球购物
Gap英国官网:Gap UK
2018/07/18 全球购物
英国豪华家具和家居用品购物网站:Teddy Beau
2020/10/12 全球购物
如何打造一封优秀的留学推荐信
2014/01/25 职场文书
中学生差生评语
2014/01/30 职场文书
社区学习雷锋活动总结
2014/04/25 职场文书
计划生育汇报材料
2014/12/26 职场文书