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----文件操作
Jan 18 Javascript
Jquery实现视频播放页面的关灯开灯效果
May 27 Javascript
jQuery中的编程范式详解
Dec 15 Javascript
socket.io学习教程之基础介绍(一)
Apr 29 Javascript
vue组件父与子通信详解(一)
Nov 07 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
Nov 23 Javascript
玩转Koa之koa-router原理解析
Dec 29 Javascript
vue的keep-alive中使用EventBus的方法
Apr 23 Javascript
实现一个 Vue 吸顶锚点组件方法
Jul 10 Javascript
你知道JavaScript Symbol类型怎么用吗
Jan 08 Javascript
vue实现列表滚动的过渡动画
Jun 29 Javascript
JS删除对象中某一属性案例详解
Sep 08 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 八种基本的数据类型小结
2011/06/01 PHP
php防注入及开发安全详细解析
2013/08/09 PHP
php过滤所有恶意字符(批量过滤post,get敏感数据)
2014/03/18 PHP
PHP利用超级全局变量$_GET来接收表单数据的实例
2016/11/05 PHP
php实现微信模拟登陆、获取用户列表及群发消息功能示例
2017/06/28 PHP
PHP依赖注入原理与用法分析
2018/08/21 PHP
PHP获取对象属性的三种方法实例分析
2019/01/03 PHP
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
2009/05/14 Javascript
Jquery中给animation加更多的运作效果实例
2013/09/05 Javascript
javascript中setAttribute()函数使用方法及兼容性
2015/07/19 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
jquery append与appendTo方法比较
2017/05/24 jQuery
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
2018/03/06 Javascript
jQuery实现的简单对话框拖动功能示例
2018/06/05 jQuery
微信小程序实现动态显示和隐藏某个控件功能示例
2018/12/14 Javascript
微信小程序 JS动态修改样式的实现方法
2018/12/16 Javascript
vue实现跨域的方法分析
2019/05/21 Javascript
vue实现绑定事件的方法实例代码详解
2019/06/20 Javascript
Python 元组(Tuple)操作详解
2014/03/11 Python
python使用BeautifulSoup分析网页信息的方法
2015/04/04 Python
对于Python装饰器使用的一些建议
2015/06/03 Python
Python虚拟环境virtualenv的安装与使用详解
2017/05/28 Python
使用django-crontab实现定时任务的示例
2018/02/26 Python
pandas中的DataFrame按指定顺序输出所有列的方法
2018/04/10 Python
Python调用Windows API函数编写录音机和音乐播放器功能
2020/01/05 Python
HTML5 Canvas鼠标与键盘事件demo示例
2013/07/04 HTML / CSS
俄罗斯香水在线商店:AromaCode
2019/12/04 全球购物
网络编程中设计并发服务器,使用多进程与多线程,请问有什么区别?
2016/03/27 面试题
怎样写好自我鉴定
2013/12/04 职场文书
高中历史教学反思
2014/02/08 职场文书
2014年设备管理工作总结
2014/11/26 职场文书
教师求职自荐信范文
2015/03/04 职场文书
学者《孟子》名人名言
2019/08/09 职场文书
Python中常见的反爬机制及其破解方法总结
2021/06/10 Python
css之clearfix的用法深入理解(必看篇)
2023/05/21 HTML / CSS