微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

首页 > web前端 > js教程 > 正文

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

php中文网

发布： 2016-05-16 19:15:13

原创

1346人浏览过

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(/[�-�]/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(/[�-�]/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='{
',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,"
"].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需刷新才能执行]

大家都在看：

在React中将多行字符串动态渲染为HTML列表的实用指南 Redoc静态文档生成：解决认证API的Schema加载问题使用JavaScript实现一个简单的待办事项应用_javascript实战使用JavaScript和CSS实现HTML进度条的平滑动画效果 JavaScript中扁平化多维数组的递归实现解析

java速学教程(入门到精通)

java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

来源：php中文网

上一篇：用javascript动态调整iframe高度的代码_javascript技巧下一篇：Javascript下的keyCode键码值表_javascript技巧

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

最新问题

JavaScript数组对象属性级联更新与值传递技巧本文详细介绍了如何在JavaScript中高效处理数组对象的复杂更新场景。核心内容包括：当数组中某个特定对象的属性值被修改（例如设置为null）时，如何将其原始值以级联方式传递给后续符合条件的数组对象。文章将通过findIndex和map等数组方法，演示如何实现属性的精确查找、修改以及后续元素的智能值更新，确保数据处理的准确性和代码的简洁性。

2025-11-17 16:26:01

533

Google OAuth后端授权码验证与用户信息获取指南本教程详细介绍了如何在后端服务器上安全地验证GoogleOAuth授权码，并获取用户详细信息。文章涵盖了从前端获取授权码到后端使用axios库与GoogleOAuth服务交互的全过程，包括交换授权码获取访问令牌，以及使用访问令牌获取用户个人资料，并提供了完整的Node.jsExpress示例代码。

2025-11-17 16:20:01

378

Node.js 后端实现 Google OAuth2 授权码验证与用户信息获取本教程详细阐述了如何在Node.js后端安全地处理GoogleOAuth2授权码。我们将学习如何将前端获取的授权码交换为访问令牌，进而获取用户详细信息。同时，文章将提供完整的代码示例，并指导如何排查和解决认证过程中可能出现的invalid_request等常见错误，确保认证流程的顺畅与安全。

2025-11-17 16:17:01

435

JavaScript二维数组字符存储与Console.log输出技巧在JavaScript中，二维数组能够灵活存储包括字符在内的多种数据类型。本教程旨在澄清二维数组中字符存储的正确性，并重点解决在调试输出时常见的console.log使用误区。我们将详细介绍三种高效且准确的console.log输出方法：字符串拼接、多参数传递和模板字面量，以帮助开发者避免因输出格式不当导致的困惑。

2025-11-17 16:12:43

251

在React中将多行字符串动态渲染为HTML列表的实用指南本教程详细讲解如何在React应用中，将包含换行符和编号项的多行字符串高效转换为结构化的HTML列表。我们将通过JavaScript的字符串分割与数组映射技术，结合React组件的渲染能力，实现动态生成有序列表，并提供完整的代码示例及注意事项，帮助开发者优化页面内容的展示。

2025-11-17 16:12:01

337

Redoc静态文档生成：解决认证API的Schema加载问题本教程旨在解决Redoc在加载需要认证的APISchema时遇到的挑战。当API服务器要求Authorization头时，Redoc默认的客户端请求无法满足。我们将介绍一种通过redoclybuild-docs命令预先生成静态HTML文档的方法，从而绕过客户端认证限制，实现Schema的本地化处理和高效部署。

2025-11-17 16:11:02

957

Remix中实现跨组件表单验证与按钮控制本文旨在解决Remix应用中，如何实现兄弟组件（如中的表单和中的提交按钮）之间的状态同步问题。通过将表单验证状态和提交逻辑提升至共同父组件，并利用props进行数据传递和事件回调，我们能够动态控制按钮的启用/禁用状态，并在表单验证通过后，从页脚按钮触发表单提交。

2025-11-17 16:10:32

505

Deno中高效生成大型CSV文件：使用流式API优化性能本文旨在解决Deno环境下生成百万级大型CSV文件时的性能瓶颈。我们将探讨传统方法（如自定义asyncIterator与社区模块）的局限性，并重点介绍如何利用Deno标准库（Deno.std）提供的CsvStringifyStream和流式API，实现高性能、低内存占用的CSV文件生成。通过详细的代码示例和组件解析，读者将掌握在Deno中处理大规模数据输出的最佳实践。

2025-11-17 15:59:50

272

JavaScript中利用递归扁平化多维数组：深入理解reduce与嵌套调用本文深入探讨了JavaScript中如何使用reduce函数结合递归来扁平化多维数组。通过对比包含和不包含递归调用的flatten函数，文章详细解释了递归在处理任意深度嵌套数组时的关键作用，并提供了示例代码以直观展示其差异和必要性，旨在帮助开发者理解其工作原理。

2025-11-17 15:55:02

447

使用JavaScript实现一个简单的待办事项应用_javascript实战答案：该待办事项应用通过HTML、CSS和JavaScript实现任务的添加、删除和标记完成功能，支持回车添加、点击切换状态和删除操作，并可通过localStorage实现数据持久化。

2025-11-17 15:55:02

703

相关专题

更多>

热门推荐

开源免费商场系统

广告

热门教程

更多>

相关推荐

热门推荐

最新课程

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明举报中心意见反馈讲师合作广告合作最新更新 English: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

PHP学习

技术支持

返回顶部