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 相关文章推荐
抽出www.templatemonster.com的鼠标悬停加载大图模板的代码
Jul 11 Javascript
prettify 代码高亮着色器google出品
Dec 28 Javascript
30分钟就入门的正则表达式基础教程
Feb 25 Javascript
瀑布流布局代码一例
Apr 11 Javascript
Javascript基础教程之JavaScript语法
Jan 18 Javascript
js实现选中复选框文字变色的方法
Aug 14 Javascript
D3.js中data(), enter() 和 exit()的问题详解
Aug 17 Javascript
JavaScript数据结构之二叉树的计数算法示例
Apr 13 Javascript
vue-scroller记录滚动位置的示例代码
Jan 17 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
Jul 06 Javascript
详解vue axios用post提交的数据格式
Aug 07 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 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中冒号、endif、endwhile、endfor使用介绍
2010/04/28 PHP
批量修改RAR文件注释的php代码
2010/11/20 PHP
php计算程序运行时间的简单例子分享
2014/05/10 PHP
PHP利用func_get_args和func_num_args函数实现函数重载实例
2014/11/12 PHP
FireFox中textNode分片的问题
2007/04/10 Javascript
jquery 插件开发备注
2010/08/27 Javascript
jQuery登陆判断简单实现代码
2013/04/21 Javascript
jquery鼠标滑过提示title具体实现代码
2013/08/06 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
2015/06/10 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
js仿QQ邮箱收件人选择与搜索功能
2017/02/10 Javascript
JS中input表单隐藏域及其使用方法
2017/02/13 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
2017/07/03 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
2017/11/15 Javascript
微信小程序之侧边栏滑动实现过程解析(附完整源码)
2019/08/23 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
2020/10/26 Javascript
vue 插槽简介及使用示例
2020/11/19 Vue.js
python实现zencart产品数据导入到magento(python导入数据)
2014/04/03 Python
python字典基本操作实例分析
2015/07/11 Python
Python生成随机密码的方法
2017/06/16 Python
Ubuntu安装Jupyter Notebook教程
2017/10/18 Python
Python cookbook(数据结构与算法)保存最后N个元素的方法
2018/02/13 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
python2.7使用scapy发送syn实例
2020/05/05 Python
html5手机端页面可以向右滑动导致样式受影响的问题
2018/06/20 HTML / CSS
网络安全方面的面试题
2016/01/07 面试题
美术教师自我鉴定
2014/02/12 职场文书
2016春节慰问信范文
2015/03/25 职场文书
市场督导岗位职责
2015/04/10 职场文书
培养联系人考察意见
2015/06/01 职场文书
如何用 Python 子进程关闭 Excel 自动化中的弹窗
2021/05/07 Python
改造DE1103三步曲
2022/04/07 无线电
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers