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 相关文章推荐
使用Modello编写JavaScript类
Dec 22 Javascript
js Math 对象的方法
Sep 01 Javascript
js的隐含参数(arguments,callee,caller)使用方法
Jan 28 Javascript
javascript中的undefined和not defined区别示例介绍
Feb 26 Javascript
js的2种继承方式详解
Mar 04 Javascript
Angularjs中UI Router全攻略
Jan 29 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
May 25 Javascript
ES6学习之变量的两种命名方法示例
Jul 18 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
Dec 20 Javascript
详解Vue单元测试Karma+Mocha学习笔记
Jan 31 Javascript
jQuery创建折叠式菜单
Jun 15 jQuery
Vue+ElementUI项目使用webpack输出MPA的方法
Aug 27 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
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
微博短链接算法php版本实现代码
2012/09/15 PHP
php中使用__autoload()自动加载未定义类的实现代码
2013/02/06 PHP
PHP使用feof()函数读文件的方法
2014/11/07 PHP
分享PHP计算两个日期相差天数的代码
2015/12/23 PHP
PHP实现驼峰样式字符串(首字母大写)转换成下划线样式字符串的方法示例
2017/08/10 PHP
laravel model模型处理之修改查询或修改字段时的类型格式案例
2019/10/17 PHP
laravel 解决paginate查询多个字段报错的问题
2019/10/22 PHP
js 效率组装字符串 StringBuffer
2009/12/23 Javascript
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
JS截取字符串常用方法详细整理
2013/10/28 Javascript
jQuery 文本框得失焦点的简单实例
2014/02/19 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
Angular.js实现注册系统的实例详解
2016/12/18 Javascript
探索Vue高阶组件的使用
2018/01/08 Javascript
微信小程序实现图片预览功能
2018/01/31 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
2018/10/11 Javascript
[01:10]3.19DOTA2发布会 三代刀塔人第一代
2014/03/25 DOTA
[01:16:50]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第一场 3月7日
2021/03/11 DOTA
windows下安装Python和pip终极图文教程
2017/03/05 Python
Python实现读写sqlite3数据库并将统计数据写入Excel的方法示例
2017/08/07 Python
Django ORM框架的定时任务如何使用详解
2017/10/19 Python
python+pyqt实现右下角弹出框
2017/10/26 Python
Python实现的基数排序算法原理与用法实例分析
2017/11/23 Python
Django URL参数Template反向解析
2020/11/24 Python
Python实现Kerberos用户的增删改查操作
2020/12/14 Python
TOWER London官网:鞋子、靴子、运动鞋等
2019/07/14 全球购物
运动会广播稿100字
2014/01/11 职场文书
文化活动实施方案
2014/03/28 职场文书
转让协议书范本
2014/04/15 职场文书
民事诉讼授权委托书范文
2014/08/02 职场文书
酒店客房服务员岗位职责
2015/04/09 职场文书
老生常谈 使用 CSS 实现三角形的技巧(多种方法)
2021/04/13 HTML / CSS
详细总结Python常见的安全问题
2021/05/21 Python
python基础之函数的定义和调用
2021/10/24 Python
vue判断按钮是否可以点击
2022/04/09 Vue.js