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 asp.net 用json格式返回自定义对象
Apr 07 Javascript
Jquery中&quot;$(document).ready(function(){ })&quot;函数的使用详解
Dec 30 Javascript
jQuery实现动态添加和删除一个div
Aug 12 Javascript
vue cli webpack中使用sass的方法
Feb 24 Javascript
JS数组实现分类统计实例代码
Sep 30 Javascript
微信小程序公用参数与公用方法用法示例
Jan 09 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
May 09 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
Jul 22 Javascript
ES11新增的这9个新特性,你都掌握了吗
Oct 15 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
Nov 19 Vue.js
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
SONY ICF-SW55的电路分析
2021/03/02 无线电
php设计模式 Mediator (中介者模式)
2011/06/26 PHP
PHP函数篇之掌握ord()与chr()函数应用
2011/12/05 PHP
Laravel中使用阿里云OSS Composer包分享
2015/02/10 PHP
PHP实现算式验证码和汉字验证码实例
2015/03/09 PHP
jQuery语法小结(超实用)
2015/12/31 Javascript
jquery中键盘事件小结
2016/02/24 Javascript
浅谈js for循环输出i为同一值的问题
2017/03/01 Javascript
Bootstrap实现各种进度条样式详解
2017/04/13 Javascript
3分钟了解vue数据劫持的原理实现
2019/05/01 Javascript
微信小程序new Date()方法失效问题解决方法
2019/07/29 Javascript
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
Python读写unicode文件的方法
2015/07/10 Python
Python使用PyCrypto实现AES加密功能示例
2017/05/22 Python
python xlsxwriter创建excel图表的方法
2018/06/11 Python
解决Python一行输出不显示的问题
2018/12/03 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
使用Python-OpenCV向图片添加噪声的实现(高斯噪声、椒盐噪声)
2019/05/28 Python
详解Python3 pandas.merge用法
2019/09/05 Python
python os.path.isfile()因参数问题判断错误的解决
2019/11/29 Python
python带参数打包exe及调用方式
2019/12/21 Python
浅谈ROC曲线的最佳阈值如何选取
2020/02/28 Python
HTML5的download属性详细介绍和使用实例
2014/04/23 HTML / CSS
Net-A-Porter美国官网:全球时尚奢侈品名站
2017/02/11 全球购物
德国自然时尚和有机产品购物网站:Waschbär
2019/05/29 全球购物
软件工程师面试题
2012/06/25 面试题
应届毕业生的自我鉴定
2013/11/13 职场文书
会计学个人自荐信模板
2013/12/13 职场文书
《蜗牛的奖杯》教后反思
2014/04/24 职场文书
活动总结报告范文
2014/05/04 职场文书
电话客服专员岗位职责
2014/06/28 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
秋冬农业生产标语
2014/10/09 职场文书
2014年车间工作总结
2014/11/21 职场文书
股东出资协议书
2016/03/21 职场文书
为什么RedisCluster设计成16384个槽
2021/09/25 Redis