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执行效率问题
Nov 12 Javascript
浅谈JavaScript中的String对象常用方法
Feb 25 Javascript
jQuery遍历页面所有CheckBox查看是否被选中的方法
Apr 14 Javascript
详解AngularJS控制器的使用
Mar 09 Javascript
Node.js文件操作方法汇总
Mar 22 Javascript
JavaScript数据类型转换的注意事项
Jul 31 Javascript
原生的强大DOM选择器querySelector介绍
Dec 21 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
Sep 20 Javascript
Node.js中DNS模块学习总结
Feb 28 Javascript
vue.js移动数组位置,同时更新视图的方法
Mar 08 Javascript
如何自定义微信小程序tabbar上边框的颜色
Jul 09 Javascript
用javascript实现倒计时效果
Feb 09 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 printf输出格式使用说明
2010/12/05 PHP
PHP面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
php简单解析mysqli查询结果的方法(2种方法)
2016/06/29 PHP
Laravel实现自定义错误输出内容的方法
2016/10/10 PHP
php简单实现单态设计模式的方法分析
2017/07/28 PHP
PHP实现的微信公众号扫码模拟登录功能示例
2019/05/30 PHP
解决laravel查询构造器中的别名问题
2019/10/17 PHP
JavaScript 实现模态对话框 源代码大全
2009/05/02 Javascript
js Math 对象的方法
2013/09/01 Javascript
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
2015/09/17 Javascript
jQuery Validate初步体验(二)
2015/12/12 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
2016/02/25 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
bootstrap datetimepicker2.3.11时间插件使用
2016/11/19 Javascript
AngularJS前端页面操作之用户修改密码功能示例
2017/03/27 Javascript
微信小程序实战之自定义抽屉菜单(7)
2017/04/18 Javascript
Angular2下使用pdf插件的方法详解
2017/04/29 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
JS实现灯泡开关特效
2020/03/30 Javascript
Vue.js仿Select下拉框效果
2020/02/18 Javascript
[03:03]DOTA2校园争霸赛 济南城市决赛欢乐发奖活动
2013/10/21 DOTA
[09:13]DOTA2-DPC中国联赛 正赛 Ehome vs Magma 选手采访 1月19日
2021/03/11 DOTA
python实现udp数据报传输的方法
2014/09/26 Python
Python 多线程Threading初学教程
2017/08/22 Python
Jupyter Notebook输出矢量图实例
2020/04/14 Python
Selenium环境变量配置(火狐浏览器)及验证实现
2020/12/07 Python
Yahoo-PHP面试题4
2012/05/05 面试题
Prototype如何为一个Ajax添加一个参数
2015/12/06 面试题
运动会入场词60字
2014/02/15 职场文书
爱国主义演讲稿
2014/05/07 职场文书
日语专业求职信
2014/07/04 职场文书
2014年机关工会工作总结
2014/12/19 职场文书
辩论赛开场白大全(主持人+辩手)
2015/05/29 职场文书
法律意见书范本
2015/06/04 职场文书
假如给我三天光明:舟逆水而行,人遇挫而达 
2019/10/29 职场文书