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的键盘事件修改代码
Feb 24 Javascript
修改file按钮的默认样式实现代码
Apr 23 Javascript
自定义的一个简单时尚js下拉选择框
Nov 20 Javascript
Jquery使用css方法改变样式实例
May 18 Javascript
JavaScript中Array对象用法实例总结
Nov 29 Javascript
JavaScript函数定义方法实例详解
Mar 05 Javascript
JS多个异步请求 按顺序执行next实现解析
Sep 16 Javascript
js回调函数仿360开机
Dec 26 Javascript
react实现移动端下拉菜单的示例代码
Jan 16 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
Mar 03 Javascript
学前端,css与javascript重难点浅析
Jun 11 Javascript
Vue组件化(ref,props, mixin,.插件)详解
May 15 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
分享一段php获取linux服务器状态的代码
2014/05/27 PHP
php判断目录存在的简单方法
2019/09/26 PHP
WordPress 照片lightbox效果的运用几点
2009/06/22 Javascript
基于jquery的返回顶部效果(兼容IE6)
2011/01/17 Javascript
jquery获取复选框被选中的值
2014/04/10 Javascript
struts2+jquery组合验证注册用户是否存在
2014/04/30 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
js实现的标题栏新消息闪烁提示效果
2014/06/06 Javascript
详解javascript数组去重问题
2015/11/06 Javascript
Nodejs如何搭建Web服务器
2016/03/28 NodeJs
深入理解js数组的sort排序
2016/05/28 Javascript
如何在 Vue.js 中使用第三方js库
2017/04/25 Javascript
JScript实现地址选择功能
2017/08/15 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
2018/08/24 Javascript
layui 数据表格 点击分页按钮 监听事件的实例
2019/09/02 Javascript
layui表单验证select下拉框实现验证的方法
2019/09/05 Javascript
viewer.js实现图片预览功能
2020/06/24 Javascript
python下调用pytesseract识别某网站验证码的实现方法
2016/06/06 Python
Python获取暗黑破坏神3战网前1000命位玩家的英雄技能统计
2016/07/04 Python
Python实现类似比特币的加密货币区块链的创建与交易实例
2018/03/20 Python
Python编程中NotImplementedError的使用方法
2018/04/21 Python
numpy中loadtxt 的用法详解
2018/08/03 Python
pandas数据筛选和csv操作的实现方法
2019/07/02 Python
Python 发送邮件方法总结
2020/08/10 Python
HTML5 拖拽批量上传文件的示例代码
2018/03/28 HTML / CSS
HTML5播放实现rtmp流直播
2020/06/16 HTML / CSS
纪伊国屋新加坡网上书店:Kinokuniya新加坡
2017/12/29 全球购物
优质的学校老师推荐信
2013/10/28 职场文书
关于爱情的广播稿
2014/01/16 职场文书
残疾人创业典型事迹
2014/02/01 职场文书
医学生个人求职信范文
2014/02/07 职场文书
平面设计求职信
2014/03/10 职场文书
担保书格式及范文
2014/04/01 职场文书
教研处工作方案
2014/05/26 职场文书
MySQL创建索引需要了解的
2021/04/08 MySQL
SQL注入的实现以及防范示例详解
2021/06/02 MySQL