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 相关文章推荐
Extjs实现进度条的两种便捷方式
Sep 26 Javascript
Visual Studio中js调试的方法图解
Jun 30 Javascript
浅谈jQuery构造函数分析
May 11 Javascript
移动端JQ插件hammer使用详解
Jul 03 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 Javascript
headjs实现网站并行加载但顺序执行JS
Nov 29 Javascript
用jQuery实现优酷首页轮播图
Jan 09 Javascript
jQuery选择器之子元素选择器详解
Sep 18 jQuery
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
ECharts地图绘制和钻取简易接口详解
Jul 12 Javascript
JavaScript面向对象核心知识与概念归纳整理
May 09 Javascript
在HTML中使用JavaScript的两种方法
Dec 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计数器的实现代码
2013/06/08 PHP
PHP实现的常规正则验证helper公共类完整实例
2017/04/27 PHP
laravel清除视图缓存的代码
2019/10/23 PHP
javascript移出节点removeChild()使用介绍
2014/04/03 Javascript
Jquery+asp.net后台数据传到前台js进行解析的方法
2014/05/11 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
2016/07/25 Javascript
Javascript typeof与instanceof的区别
2016/10/18 Javascript
jQuery操作DOM_动力节点Java学院整理
2017/07/04 jQuery
Javascript es7中比较实用的两个方法示例
2017/07/21 Javascript
vue中nextTick用法实例
2019/09/11 Javascript
vue.js实现只能输入数字的输入框
2019/10/19 Javascript
使用python装饰器验证配置文件示例
2014/02/24 Python
详解Python中的日志模块logging
2015/06/19 Python
Python 中的Selenium异常处理实例代码
2018/05/03 Python
解决Tensorflow使用pip安装后没有model目录的问题
2018/06/13 Python
使用PyCharm创建Django项目及基本配置详解
2018/10/24 Python
利用Python模拟登录pastebin.com的实现方法
2019/07/12 Python
python自动发微信监控报警
2019/09/06 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
python爬虫爬取网页数据并解析数据
2020/09/18 Python
详解css3中dispaly的Grid布局与Flex布局
2020/09/11 HTML / CSS
缓解脚、腿和背部疼痛:Z-CoiL鞋
2019/03/12 全球购物
波兰多品牌运动商店:StreetStyle24.pl
2020/09/22 全球购物
护理专业毕业生自我鉴定
2013/10/08 职场文书
营业员演讲稿
2013/12/30 职场文书
经典演讲稿范文
2013/12/30 职场文书
优秀教师工作感言
2014/02/16 职场文书
小学新学期寄语
2014/04/02 职场文书
大学中国梦演讲稿
2014/04/23 职场文书
县委班子四风对照检查材料思想汇报
2014/09/29 职场文书
党支部先进事迹材料
2014/12/24 职场文书
承诺函范文
2015/01/21 职场文书
工作收入证明范本
2015/06/12 职场文书
解决tk mapper 通用mapper的bug问题
2021/06/16 Java/Android
Java并发编程之Executor接口的使用
2021/06/21 Java/Android
Redis高可用集群redis-cluster详解
2022/03/20 Redis