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 相关文章推荐
javascript 常用方法总结
Jun 03 Javascript
js列举css中所有图标的实现代码
Jul 04 Javascript
让checkbox不选中即将选中的checkbox不选中
Jul 11 Javascript
解析ajaxFileUpload 异步上传文件简单使用
Dec 30 Javascript
JavaScript实现滑动导航栏效果
Aug 30 Javascript
js数组常用最重要的方法
Feb 04 Javascript
js+html实现周岁年龄计算器
Jun 25 Javascript
echarts大屏字体自适应的方法步骤
Jul 12 Javascript
微信小程序npm引入vant-weapp的踩坑记录
Aug 01 Javascript
Vue中错误图片的处理的实现代码
Nov 07 Javascript
在vue中封装方法以及多处引用该方法详解
Aug 14 Javascript
微信小程序实现简单的select下拉框
Nov 23 Javascript
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中与数组相关的函数
2007/03/22 PHP
如何通过Linux命令行使用和运行PHP脚本
2015/07/29 PHP
在Mac OS下搭建LNMP开发环境的步骤详解
2017/03/10 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
PHP实现数组转JSon和JSon转数组的方法示例
2018/06/14 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
js脚本学习 比较实用的基础
2006/09/07 Javascript
JS中==与===操作符的比较
2009/03/21 Javascript
JavaScript 学习初步 入门教程
2010/03/25 Javascript
JavaScript中也使用$美元符号来代替document.getElementById
2010/06/19 Javascript
javascrip关于继承的小例子
2013/05/10 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
2013/11/26 Javascript
浅析JS异步加载进度条
2016/05/05 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
2017/03/09 Javascript
node.js中cluster的使用教程
2017/06/09 Javascript
原生JS使用Canvas实现拖拽式绘图功能
2019/06/05 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
[01:04]DOTA2上海特锦赛现场采访 FreeAgain遭众解说围攻
2016/03/25 DOTA
[03:39]这就是刀塔,我们是冠军!燃情短片讲述我们的DOTA故事
2019/07/02 DOTA
python监控linux内存并写入mongodb(推荐)
2017/09/11 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
django项目用higcharts统计最近七天文章点击量
2019/08/17 Python
Python绘制热力图示例
2019/09/27 Python
Python内存映射文件读写方式
2020/04/24 Python
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
Under Armour安德玛英国官网:美国高端运动科技品牌
2018/09/17 全球购物
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么?
2015/11/18 面试题
教育学专业毕业生的自我评价
2013/11/21 职场文书
《油菜花开了》教学反思
2014/02/22 职场文书
大学生职业生涯规划书参考模板
2014/03/05 职场文书
党员创先争优公开承诺书
2014/03/28 职场文书
2015年保洁工作总结范文
2015/04/28 职场文书
深入理解以DEBUG方式线程的底层运行原理
2021/06/21 Java/Android