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 EasyUI API 中文文档 - Parser 解析器
Sep 29 Javascript
jQuery1.6 使用方法二
Nov 23 Javascript
JQuery插件Style定制化方法的分析与比较
May 03 Javascript
实例讲解JQuery中this和$(this)区别
Dec 08 Javascript
jQuery设置Cookie及删除Cookie实例分析
Apr 15 Javascript
纯JS代码实现气泡效果
May 04 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
Jun 30 Javascript
js 作用域和变量详解
Feb 16 Javascript
layer.close()关闭进度条和Iframe窗的方法
Aug 17 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 jQuery
JS继承实现方法及优缺点详解
Sep 02 Javascript
在react项目中使用antd的form组件,动态设置input框的值
Oct 24 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 array_intersect比array_diff快(附详细的使用说明)
2011/07/03 PHP
PHP转换文本框内容为HTML格式的方法
2016/07/20 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
基于jQuery的弹出框插件
2012/03/18 Javascript
Nodejs极简入门教程(二):定时器
2014/10/25 NodeJs
浅谈Javascript中的Function与Object
2015/01/26 Javascript
javascript判断变量是否有值的方法
2015/04/20 Javascript
jquery实现简单合拢与展开网页面板的方法
2015/09/01 Javascript
JavaScript实现的伸展收缩型菜单代码
2015/10/14 Javascript
不定义JQuery插件 不要说会JQuery
2016/03/07 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
JS制作类似选项卡切换的年历
2016/12/03 Javascript
js实现倒计时效果(小于10补零)
2017/03/08 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
2017/04/17 Javascript
一篇看懂vuejs的状态管理神器 vuex状态管理模式
2017/04/20 Javascript
js轮播图透明度切换(带上下页和底部圆点切换)
2017/04/27 Javascript
javascript观察者模式实现自动刷新效果
2017/09/05 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
2017/09/18 Javascript
浅谈JavaScript的innerWidth与innerHeight
2017/10/12 Javascript
微信小程序云开发实现数据添加、查询和分页
2019/05/17 Javascript
[06:04]DOTA2国际邀请赛纪录片:Just For LGD
2013/08/11 DOTA
[02:18]《我与DAC》之工作人员:为了热爱DOTA2的玩家们
2018/03/28 DOTA
Python struct.unpack
2008/09/06 Python
python标准日志模块logging的使用方法
2013/11/01 Python
python 拷贝特定后缀名文件,并保留原始目录结构的实例
2018/04/27 Python
Python设计模式之观察者模式原理与用法详解
2019/01/16 Python
pandas将多个dataframe以多个sheet的形式保存到一个excel文件中
2019/10/10 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解
2020/06/01 HTML / CSS
HTML5画渐变背景图片并自动下载实现步骤
2013/11/18 HTML / CSS
医生爱岗敬业演讲稿
2014/08/26 职场文书
购房协议书范本
2014/10/02 职场文书
办公室行政主管岗位职责
2015/04/09 职场文书
学生会招新宣传语
2015/07/13 职场文书
Nginx反向代理多个服务器的实现方法
2021/03/31 Servers