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 相关文章推荐
web 页面分页打印的实现
Jun 22 Javascript
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)
Jul 10 Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
Jun 15 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
JavaScript实现文字跟随鼠标特效
Aug 06 Javascript
ES6中的数组扩展方法
Aug 26 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
基于Webpack4和React hooks搭建项目的方法
Feb 05 Javascript
vue-cli 3 全局过滤器的实例代码详解
Jun 03 Javascript
vue+eslint+vscode配置教程
Aug 09 Javascript
vue3.0中使用postcss-pxtorem的具体方法
Nov 20 Javascript
如何将Node.js中的回调转换为Promise
Nov 10 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
利用文件属性结合Session实现在线人数统计
2006/10/09 PHP
神盾加密解密教程(三)PHP 神盾解密工具
2014/06/08 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
JS获取页面input控件中所有text控件并追加样式属性
2013/02/25 Javascript
原生JavaScript实现合并多个数组示例
2014/09/21 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
2018/08/04 Javascript
使用electron制作满屏心特效的示例代码
2018/11/27 Javascript
react native 原生模块桥接的简单说明小结
2019/02/26 Javascript
微信小程序云开发之模拟后台增删改查
2019/05/16 Javascript
jQuery zTree插件使用简单教程
2019/08/16 jQuery
详解JavaScript 的执行机制
2020/09/18 Javascript
[01:18:43]2014 DOTA2华西杯精英邀请赛5 24 iG VS DK
2014/05/25 DOTA
举例介绍Python中的25个隐藏特性
2015/03/30 Python
分析在Python中何种情况下需要使用断言
2015/04/01 Python
使用python实现生成用户信息
2017/03/20 Python
pytorch 利用lstm做mnist手写数字识别分类的实例
2020/01/10 Python
Django自定义列表 models字段显示方式
2020/04/03 Python
python 在sql语句中使用%s,%d,%f说明
2020/06/06 Python
Python爬虫实例——爬取美团美食数据
2020/07/15 Python
如何更换python默认编辑器的背景色
2020/08/10 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
python实现杨辉三角的几种方法代码实例
2021/03/02 Python
HTML5中Canvas与SVG的画图原理比较
2013/01/16 HTML / CSS
html5 canvas fillRect坐标和大小的问题解决方法
2014/03/26 HTML / CSS
德国最大的设计师鞋网上商店:Budapester
2017/12/07 全球购物
小学生期末自我鉴定
2014/01/19 职场文书
初三物理教学反思
2014/01/21 职场文书
金融管理应届生求职信
2014/02/20 职场文书
医药营销个人求职信
2014/04/12 职场文书
学生期末评语大全
2014/04/30 职场文书
2014年创先争优活动总结
2014/05/04 职场文书
cf战队收人口号
2014/06/21 职场文书
初中教师个人工作总结
2015/02/10 职场文书
结婚十年感言
2015/07/31 职场文书
Nginx进程调度问题详解
2021/09/25 Servers