天高云淡,让心情旅行。 注册 | 登陆

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);  

 大小: 4.98 K
尺寸: 407 x 312
浏览: 6 次
点击打开新窗口浏览全图

 

附件: dump.js (9.25 K, 下载次数:15)

附件: dump_src.js (11.84 K, 下载次数:24)

Tags: javascript

« 上一篇 | 下一篇 »

只显示8条记录相关文章

发表评论

评论内容 (必填):