一个友好的.改善的 Object.prototype.toString的实现 - PHPERZ中文资讯站

发布于 2016-08-25 21:45:10 | 167 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Prototype使用指南，程序狗速度看过来！

Prototype Javascript开发框架

Prototype是目前应用最为广泛的Ajax开发框架，其的特点是功能实用而且尺寸较小，非常适合在中小型的Web应用中使用。开发Ajax应用需要编写大量的客户端JavaScript脚本，而Prototype框架可以大大地简化JavaScript代码的编写工作。更难得的是，Prototype具备兼容各个浏览器的优秀特性，使用该框架可以不必考虑浏览器兼容性的问题。

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需刷新才能执行]

最新网友评论 共有(0)条评论发布评论返回顶部

推荐阅读

终极炫富——2016 年 iOS 开发者收入调查报告

年度大片：Stack Overflow 2017 开发者调查报告发布！

开发者需要大学学位吗？

程序员多大年纪算高龄，届时该何去何从？

2017 年高薪编程语言排行榜，你的语言上榜没？

各编程语言开发者最常使用的按键，中了没?

伤不起的三十岁，干不动的程序员要何去何从？

2016年中国加班最狠IT公司排行

一句话"面试"漫画：黑了苹果、谷歌、三星

拿代码量算 KPI ……跟程序员们来这套？

程序员遇到 Bug 时的 30 个反应，你是哪一种？

2016年收入最高的5个编程语言 Java和C没在前五?

为什么很少见人傻钱多的程序员炫富？

阿里月薪两万是什么体验？

代码缩进时程序员更喜欢空格键还是Tab键？

最新资讯

Python获取系统所有进程PID及进程名称的方法示例

Python简单获取网卡名称及其IP地址的方法【基于psutil模块】

Python实现的根据IP地址计算子网掩码位数功能示例

好的Python培训机构应该具备哪些条件

详解Pytorch 使用Pytorch拟合多项式(多项式回归)

Python加载带有注释的Json文件实例

对python的文件内注释 help注释方法

Python实现判断一行代码是否为注释的方法

Oracle数据库表中字段顺序的修改方法

ASP.NET MVC 4使用PagedList.Mvc分页的实现代码

Oracle实例启动时报错：ORA-32004的解决方法

解读ASP.NET 5 & MVC6系列教程（7）：依赖注入

详解IDEA用maven创建springMVC项目和配置

ASP.NET MVC5网站开发之展示层架构（五）

SpringBoot创建maven多模块项目实战代码

后端技术

前端技术

数据库

热门框架

常用IDE

其他

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved 冀ICP备14009818号版权声明广告服务