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 相关文章推荐
基于Jquery的简单&amp;简陋Tabs插件代码
Feb 09 Javascript
javascript整除实现代码
Nov 23 Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
Jan 01 Javascript
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
Apr 06 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
Oct 31 Javascript
JavaScript中操作字符串小结
May 04 Javascript
javascript生成随机数方法汇总
Nov 12 Javascript
Bootstrap BootstrapDialog使用详解
Feb 17 Javascript
微信小程序 在线支付功能的实现
Mar 14 Javascript
JS实现上传图片的三种方法并实现预览图片功能
Jul 14 Javascript
微信小程序实现验证码获取倒计时效果
Feb 08 Javascript
vue elementUI table表格数据 滚动懒加载的实现方法
Apr 04 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调用三种数据库的方法(2)
2006/10/09 PHP
基于mysql的论坛(3)
2006/10/09 PHP
php microtime获取浮点的时间戳
2010/02/21 PHP
php将url地址转化为完整的a标签链接代码(php为url地址添加a标签)
2014/01/17 PHP
PHP函数strip_tags的一个bug浅析
2014/05/22 PHP
PHP使用gmdate实现将一个UNIX 时间格式化成GMT文本的方法
2015/03/19 PHP
php获取、检查类名、函数名、方法名的函数方法
2015/06/25 PHP
控制打印时页眉角的代码
2007/02/08 Javascript
json 定义
2008/06/10 Javascript
javascript判断office版本示例
2014/04/11 Javascript
js获取IP地址的方法小结
2014/07/01 Javascript
js中一维数组和二位数组中的几个问题示例说明
2014/07/17 Javascript
javascript单例模式的简单实现方法
2015/07/25 Javascript
xtemplate node.js 的使用方法实例解析
2016/08/22 Javascript
Bootstrap的基本应用要点浅析
2016/12/19 Javascript
jQuery模拟淘宝购物车功能
2017/02/27 Javascript
利用require.js与angular搭建spa应用的方法实例
2017/07/19 Javascript
解决Vue动态加载本地图片问题
2019/10/09 Javascript
JS如何生成动态列表
2020/09/22 Javascript
[01:19:33]DOTA2-DPC中国联赛 正赛 iG vs VG BO3 第一场 2月2日
2021/03/11 DOTA
python基础教程之基本数据类型和变量声明介绍
2014/08/29 Python
Python读写配置文件的方法
2015/06/03 Python
在Python的Django框架中使用通用视图的方法
2015/07/21 Python
Python使用matplotlib绘制随机漫步图
2018/08/27 Python
Python中的heapq模块源码详析
2019/01/08 Python
python创建学生成绩管理系统
2019/11/22 Python
Python实现Word表格转成Excel表格的示例代码
2020/04/16 Python
pytorch SENet实现案例
2020/06/24 Python
python实现学生信息管理系统源码
2021/02/22 Python
python定义具名元组实例操作
2021/02/28 Python
详解Css3新特性应用之过渡与动画
2017/01/10 HTML / CSS
大学毕业感言
2014/01/10 职场文书
车辆工程专业求职信
2014/06/14 职场文书
检讨书模板大全
2015/05/07 职场文书
2015年学校教研室主任工作总结
2015/07/20 职场文书
Python基本数据类型之字符串str
2021/07/21 Python