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加载图片自适应固定大小的DIV
Sep 12 Javascript
jquery任意位置浮动固定层插件用法实例
May 29 Javascript
老生常谈遮罩层 滚动条的问题
Apr 29 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
原生Javascript和jQuery做轮播图简单例子
Oct 11 Javascript
js实现水平滚动菜单导航
Jul 21 Javascript
koa socket即时通讯的示例代码
Sep 07 Javascript
JavaScript遍历DOM元素的常见方式示例
Feb 16 Javascript
微信小程序 生成携带参数的二维码
Oct 23 Javascript
vuex存值与取值的实例
Nov 06 Javascript
js生成1到100的随机数最简单的实现方法
Feb 07 Javascript
vue 扩展现有组件的操作
Aug 14 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系统流量分析的程序
2006/10/09 PHP
AJAX的跨域访问-两种有效的解决方法介绍
2013/06/22 PHP
PHP采集类snoopy详细介绍(snoopy使用教程)
2014/06/19 PHP
Laravel框架验证码类用法实例分析
2019/09/11 PHP
javascript编程起步(第七课)
2007/01/10 Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
2011/07/26 Javascript
多个jquery.datatable共存,checkbox全选异常的快速解决方法
2013/12/10 Javascript
Jquery倒计时源码分享
2014/05/16 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
Node.js事件驱动
2015/06/18 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
jquery层级选择器的实现(匹配后代元素div)
2016/09/05 Javascript
前端框架Vue.js中Directive知识详解
2016/09/12 Javascript
Vue数据驱动模拟实现2
2017/01/11 Javascript
基于JavaScript实现无限加载瀑布流
2017/07/21 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
2017/12/08 Javascript
Node.js中sequelize时区的配置方法
2017/12/10 Javascript
React从react-router路由上做登陆验证控制的方法
2018/05/10 Javascript
深入浅析vue-cli@3.0 使用及配置说明
2019/05/08 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
在项目vue中使用echarts的操作步骤
2020/09/07 Javascript
[01:08:57]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第二场
2014/05/24 DOTA
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
Python列表计数及插入实例
2014/12/17 Python
Django的分页器实例(paginator)
2017/12/01 Python
Python魔法方法功能与用法简介
2019/04/04 Python
HTML5 canvas基本绘图之绘制阴影效果
2016/06/27 HTML / CSS
详解HTML5中的manifest缓存使用
2015/09/09 HTML / CSS
岗位廉洁从政承诺书
2014/03/27 职场文书
我的老师教学反思
2014/05/01 职场文书
国企干部对照检查材料
2014/08/22 职场文书
食品委托检验协议书范本
2014/09/12 职场文书
2014年行政助理工作总结
2014/11/19 职场文书
运动会闭幕式致辞
2015/07/29 职场文书
68句权威创业名言
2019/08/26 职场文书
撤回我也能看到!教你用Python制作微信防撤回脚本
2021/06/11 Python