js基础_38、往原型对象中添加自己的toString方法

当我们直接在一个页面里打印一个对象时,实际上是输出对象的toString()方法的放回值。(自带的浏览器)

<script>
            //创建一个构造函数
            function Person(name,age,gender){
                this.name=name;
                this.age=age;
                this.gender=gender;
            }
            var per=new Person('孙悟空',18,'男'); 
            console.log(per);
</script>

结果如下图:
image
证明使用的是toString()方法

<script>
            //创建一个构造函数
            function Person(name,age,gender){
                this.name=name;
                this.age=age;
                this.gender=gender;
            }
            var per=new Person('孙悟空',18,'男'); 
            console.log(per.toString());
</script>

其结果和上图一样。

添加自己写的toString方法,可以使输出对象时不输出[object Object],

<script>
            //创建一个构造函数
            function Person(name,age,gender){
                this.name=name;
                this.age=age;
                this.gender=gender;
            }
            //给构造函数原型添加自己写的toString方法
            Person.prototype.toString=function (){
                   return 'Person{name='+this.name+',age='+this.age+",gender="+this.gender+'}';
            }
            var per=new Person('孙悟空',18,'男');
            console.log(per.toString());
</script>

结果如下图:
image

posted @   青仙  阅读(218)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示