javascript中的var_dump

php中的var_dump很方便.

void var_dump ( mixed $expression [, mixed $expression [, $... ]] )

此函数显示关于一个或多个表达式的结构信息,包括表达式的类型与值。数组将递归展开值,通过缩进显示其结构。

配合上xdebug (Variable Display Features), 还能够根据不同变量类型使用不同颜色区分.

 

现在javascript也能做到类似php中var_dump的效果了. Shuns封装了一 个Dump函数:

能够递归输出(String/Number/Boolean/Object/Array/Function)类型 中的所有属性, 不同类型有不同颜色区分,非常直观. 让javascript调试更加方便. 当然firebug也能做到类似功能, 不过这个更专注在dump上,而且没有浏览器限制.

使用方法:

首先要加载dump.js, 其中dump_src.js为未压缩版. 见附件.

此时有一个全局方法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

以下是简单使用截图, 输出结构很清晰: 

JavaScript代码
  1. var Test = {     
  2.     'string''koyoz',     
  3.     'integer': 2009,     
  4.     'date'new Date,     
  5.     'object': {key1: 'value1', key2: 'value2'},     
  6.     'function'function(str, val) {alert('koyoz')}     
  7. };     
  8. dump(Test);  

demo.png

demo.png

大小: 4.98 K
尺寸: 407 x 312
浏览: 59 次
点击打开新窗口浏览全图
dump_src.js (11.84 K, 下载次数:304, 上传时间:2010-03-25 10:14)
dump.js (9.25 K, 下载次数:374, 上传时间:2010-03-25 10:14)

Tags: var_dump

上一篇: 指定条件下还没有数据   下一篇: uchome二次开发中的jQuery的兼容问题

你问我答

  1. #1 头像 时代民工 2012-01-21 21:44:36
    最近在搞AutoIT3, 但是调试变量非常不方便,便搜索了一下,找到了比PHP的VAR_DUMP还好的东西呢,希望我能重写代码到AutoIT3

提交疑问

回顶部