一个友好的.改善的 Object.prototype.toString的实现

更新时间：2007年04月12日 00:00:00 作者：

JavaScript中几乎每个对象都有一个 toString()方法,而且是内置的.用来输出当前
变量的信息. 但是对于我们最常用的Object对象.每次用 toString都是打印[object Object]
{a:1,b:2,c:3}.toString() ===> [object Object]
让人十分郁闷,为此我实现了一个友好的,打印Object各成员的函数,
支持嵌套输出 ,也能友好打印数组内容.
这里贴出代码,希望和大家一起学习,一起完善,改进这个函数.
说句题外话,用 Vim写程序,可不是一般的爽啊.
我表达能力有限,只能用 "爱不释手" 来表达我对 Vim 的爱
http://www.vim.org/

<script  language="JavaScript">  /* vi:set tw=0 ts=4 sw=4 noet nowrap ft=javascript fdm=syntax ai: */   /*      Date对象输出为字符, 返回类似： "2002年2月1日 1:01:01" 的格式      part:           0:(默认)返回日期和时间            1:只返回日期           2:只返回时间      sp:          undefined      :(默认)返回 "2002-2-1 1:01:01"          非undefined: 返回 "2002年2月1日 1:01:01"   */  Date.prototype.tos=function(part,sp){      var hash={"0":"","1":"Date","2":"Time"} , ret , part=part || 0;      //因为 toLocaleString的输出完全处决于客户机操作系统的设置，所以我们要先测试一下      if ((new Date(2000,1,1,1,1,1)).toLocaleString()=="2000年2月1日 1:01:01"){          ret=String(this["toLocale"+hash[part]+"String"]());      }else{             //不是我们想要的格式，只能自己实现          var yyyy=this.getFullYear();          var nn=this.getMonth()+1;          var dd=this.getDate();          var hh=this.getHours();          var mm=String("00"+this.getMinutes()).right(2);          var ss=String("00"+this.getSeconds()).right(2);          var dateString=yyyy+"年"+nn+"月"+dd+"日";          var timeString=hh+":"+mm+":"+ss;          hash={"0":dateString+" "+timeString,"1":dateString,"2":timeString};          ret= hash[part];      }      return sp==undefined?ret.replace(/[年月]+/g,"-").replace("日",""):ret;  }  RegExp.prototype.tos=function(){      return this.toString();  }  Number.prototype.tos=function(){      return this.toString();  }  String.prototype.tos=function(){      if (this.indexOf("'")!=-1){          return '"'+this.replace(/"/g,'\\"')+'"';      }else{          return "'"+this.replace(/'/g,"\\'")+"'";      }  }  /*     "".left 和 "".right 模拟实现 vbs里面的 left和right函数，截取字符串     不过这里的实现支持中文 ，会把一个汉字当两个字符来计算。   */  String.prototype.right=function(n){      return this.slice(this.slice(-n).replace(/[\x00-\xff]/g,"").length-n);  }  String.prototype.left=function(n){      // alert("abcdefg".left(3)==="abc");alert("中国人cdefg".left(5)==="中国");    //alert("中国abcdefg".left(5)==="中国a")      return this.slice(0,n-this.slice(0,n).replace(/[\x00-\xff]/g,"").length);  }  //列出函数名和参数列表，内容用替代  Function.prototype.tos=function(){      var ret=this.toString();      return ret.left(ret.indexOf(")"))+"){}";  }  Array.prototype.tos=function(){      for(var i=0,arr=[];i<this.length;i++) {        arr.push(this[i].tos?this[i].tos():this[i].toString());    }      return "["+arr.join(",")+"]";  }  Error.prototype.tos=function(){      var str=this.number?"number["+this.number+"],":"" //FireFox不支持 Error.number      return "Error: "+str+"message["+this.message+"]";  }     /*      功能:返回Object结构里面的各成员的key:value的一个友好字符串格式,方便debug      listAll: 是否显示当前 Object的 prototype树中的成员      tbs:  递归现实次级Object成员时的 tab缩进层数. (注意:代码中使用的是4个空格而非一个tab)  */  Object.prototype.tos=function(listAll,tbs){      var value,ret='{\n',obj=this;      tbs=tbs || 0;      listAll=listAll || 0;      var prefix=Math.pow(10,tbs).tos().slice(1).replace(/0/g,"    ");      for(var key in obj){          if ((!obj.hasOwnProperty(key)&& !listAll)||(!!listAll&&key=="tos")) continue;          value=obj[key];                 switch(value.constructor){              case String:              case Date:              case RegExp:              case Array:              case Number:              case Function:              case Error:                  value=value.tos();                  break;              case Object:                  value=value.tos(listAll,++tbs);                  break;                    default:                  try{value=value.toString();}catch(x){value=""};          }          ret=ret+[prefix+key," :  ",value,"\n"].join("");      }      ret+=prefix+"}";      return ret;  }  // 下面是测试代码  var re=/^\d\/\w\\.*?$/gi;  var re2=new RegExp("\\d\\\\.*?\\/$","img");  var str="it's a string";  var str2='it\'s a  string "aaa" ';  var num=.1;  var num2=-255;  var dat=new Date();  var dat2=new Date(2007,3,3,3,3,3);  var obj=new Object();  var obj2={str:str,num:num,re:re,dat:dat,obj:{a:1,b:2,c:{level3:123456}}};  var arr=new Array();  var arr2=[re,str,num,dat];  var func=function(a,b,c){return a+b+c};  var func2=new Function("a","b","c","return a+b+c");  var err=new Error();  var err2=new Error(-9,"My Error Object");  var myobj={       re:re, re2:re2         ,str:str,   str2:str2      ,num:num,   num2:num2      ,dat:dat,   dat2:dat2      ,func:func, func2:func2      ,err:err,   err2:err2      ,obj:obj,   obj2:obj2      ,arr:arr,   arr2:arr2      ,dom:window,dom2:document  }  myobj.var1="gorush1";  myobj.var2=1234567;  function gorush(){      this.a1=1;      this.a2=2;  }  gorush.prototype.a3=3;  gorush.prototype.a4=function(x){return x};  var mygorush=new gorush();  alert(myobj.tos())  alert(mygorush.tos())  </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

详解babel是如何将class语法糖转换为es5的语法
这篇文章主要详细介绍了babel是如何将class语法糖转换为es5的语法,文中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下
2024-02-02
js实现完全自定义可带多级目录的网页鼠标右键菜单方法
这篇文章主要介绍了js实现完全自定义可带多级目录的网页鼠标右键菜单方法,实例分析了javascript实现自定义网页鼠标右键弹出菜单的技巧,非常具有实用价值,需要的朋友可以参考下
2015-02-02
laypage分页控件使用实例详解
这篇文章主要为大家详细分享了laypage分页控件使用实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-05-05
js实现登陆与注册功能
这篇文章主要为大家详细介绍了js实现登陆与注册功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-09-09
antd table长表格出现滚动条的操作方法
这篇文章主要介绍了antd table长表格如何出现滚动条,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-06-06
浅谈Redux中间件的实践
这篇文章主要介绍了浅谈Redux中间件的实践，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-07-07
Javascript拖拽系列文章1之offsetParent属性
这个系列文章主要是讲述实现Javascript拖拽功能的基础知识，并将在最后给出一个完整的示例。适合对拖拽完全不懂的人阅读
2008-09-09
AutoJs4.4.1免费版快速接通vscode调试脚本的操作方法
这篇文章主要介绍了AutoJs4.4.1免费版快速接通vscode进行调试脚本,首先下载AutoJs并安装，下载完成后，将2个apk文件拷贝到手机安装即可，接下来需要安装插件，本文分步骤给大家介绍的非常详细，需要的朋友可以参考下
2022-10-10
如何在uniapp项目中嵌套H5 页面
在UniApp中可以通过使用 web-view 组件来嵌入H5页面,大概思路是在该页面的template部分添加web-view组件,设置src属性为所需嵌入的H5页面地址,感兴趣的朋友跟随小编一起看看吧
2024-02-02
Bootstrap每天必学之表格
Bootstrap每天必学之表格，向大家分享了几种最为常用的各种列表展示，希望大家喜欢。
2015-11-11

最新评论