JS重写toString(),打印想要的值

最新推荐文章于 2022-08-07 09:17:11 发布
最新推荐文章于 2022-08-07 09:17:11 发布
阅读量1.2w 收藏
点赞数 1
分类专栏： JAVASCRIPT学习 文章标签： javascript js prototype
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45783660/article/details/116743257
版权 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">

        function Person(name , age , gender){
            this.name = name;
            this.age = age;
            this.gender = gender;
        }

        //修改Person原型的toString
        Person.prototype.toString = function(){
            return "Person[name="+this.name+",age="+this.age+",gender="+this.gender+"]";
        };


        //创建一个Person实例
        var per = new Person("孙悟空",18,"男");
        var per2 = new Person("猪八戒",28,"男");

        //当我们直接在页面中打印一个对象时，事件上是输出的对象的toString()方法的返回值
        //如果我们希望在输出对象时不输出[object Object]，可以为对象添加一个toString()方法
        //Person[name=孙悟空,age=18,gender=男]
        /*per.toString = function(){
            return "Person[name="+this.name+",age="+this.age+",gender="+this.gender+"]";
        };*/

        var result = per.toString();
        //console.log("result = " + result);
        //console.log(per.__proto__.__proto__.hasOwnProperty("toString"));
        console.log(per2.toString());
        console.log(per.toString());


    </script>
</head>
<body>
</body>
</html>


<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">

        function Person(name , age , gender){
            this.name = name;
            this.age = age;
            this.gender = gender;
        }

        //修改Person原型的toString
        Person.prototype.toString = function(){
            return "Person[name="+this.name+",age="+this.age+",gender="+this.gender+"]";
        };


        //创建一个Person实例
        var per = new Person("孙悟空",18,"男");
        var per2 = new Person("猪八戒",28,"男");

        //当我们直接在页面中打印一个对象时，事件上是输出的对象的toString()方法的返回值
        //如果我们希望在输出对象时不输出[object Object]，可以为对象添加一个toString()方法
        //Person[name=孙悟空,age=18,gender=男]
        /*per.toString = function(){
            return "Person[name="+this.name+",age="+this.age+",gender="+this.gender+"]";
        };*/

        var result = per.toString();
        //console.log("result = " + result);
        //console.log(per.__proto__.__proto__.hasOwnProperty("toString"));
        console.log(per2.toString());
        console.log(per.toString());


    </script>
</head>
<body>
</body>
</html>

在这里插入图片描述

Frank---7
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
[JavaScript] 重写console.log 打印变量名
qq_37048654的博客
08-17 919
[JavaScript] 重写console.log 打印变量名1、代码2、效果 想要在打印变量时候输出对应的变量名，故想重写了一个，目前的方案： 1、代码 /* 重写console */ console.log = (function(f) { return function(...s) { // 是否单个入参 const single = s.length === 1 const normalLog = (v, i) => { // 多个入参时添加行数
JS重写Object的toString()方法
guoxiaozhuang4的博客
05-09 5102
1. 起因：JSON.stringify方法转换成的字符串为JSON格式，属性名带有双引号，input输入框提交时报错。原因待确认。2. &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&
JS中重写toString方法
Liudef06的博客
09-23 1748
JavaScript中重写toString方法： <script type="text/javascript"> function Person(age,name){ this.name=name; this.age=age; } Person.prototype.toString=function(){ var str=""; for(var p in this){ if(p!="toString"){ str+="\n\
JavaScript中重写对象(构造函数)的toString()函数
Etui۹(･༥･´)و的博客
02-27 2359
实现构造函数中重写toString() 的方法： 首先，对象的原始的toString()函数是位于该对象的原型的原型对象中的，我们只要在该对象的原型中新建一个toString()函数就可覆盖对象的原始的toString()函数。 对于如何判断toString()函数是位于一个对象的原型的原型对象中，可以使用以下方法判断(以Person对象举例)： var p = new Person(); console.log(p.__proto__.__proto__.hasOwnProperty("toString"
toString函数的重写(JavaScript)
你好牛蛙！
11-15 1330
当我们在页面上直接打印一个对象的时候他的结果都是[object Object]，其实我们直接打印对象的时候其实打印的是对象toString方法的返回值，对象的toString方法返回值就是[object Object] 我们可以重写toString方法，让我们在直接打印对象的时候会显示不同的效果 因为原对象的toString方法是在对象的原型对象的原型对象里面的，所以我们在这个外边写一个toString函数直接覆盖掉原来的toString函数 我们直接为构造函数(类)的原型对象写一个toString函数，
使用js重写window.print打印功能，实现局部打印
全场梦游c的博客
12-01 1551
默认的window.print是打印整个页面，当我们想要打印局部页面时就需要对这个方法进行修饰。 首先，给一个button添加点击事件 onclick=“printData（‘print’）;” 然后，你所需要打印的内容用一个div包住，该div的id=“print” 最后，添加一个js事件，将该div封装成一个页面，再调用打印功能。 &lt;script&gt; function p...
在C#的类或结构中重写ToString方法的用法简介
01-21
C# 中的每个类或结构都隐式...创建自定义类或结构时，应该重写 ToString 方法，以便向客户端代码提供类型信息。 当您决定通过此方法提供的信息的类型时，应考虑您的类或结构是否会被不受信任的代码使用。请务必确保您
浅谈Java编程ToString()方法重写的意义
08-29
主要介绍了浅谈Java编程ToString()方法重写的意义，还是挺不错的，这里分享给大家，供朋友们学习和参考。
Java自动添加重写的toString方法详解
08-25
在本篇文章里小编给大家整理了关于Java自动添加重写的toString方法总结，需要的朋友们学习下。
java tostring方法重写代码示例
08-29
主要介绍了java tostring方法重写代码示例，具有一定参考价值，需要的朋友可以了解下。
JS 从重写toString 方法开始
星环
03-23 1571
项目中为了缓存请求结果，将请求参数转成ID存储返回结果， 组织参数代码如下， const param = { a, ...getBC(), toString(){ return `${this.a}+${this.b}+${this.c}` } } cache[param.toString()] = {}; 在Chrome浏览器上运行正常，在IE8上却发现，参数变化的时候，...
js中toString()的使用
weixin_44134816的博客
03-11 343
toString() 在页面打印一个对象是显示[object object],是输出对象的toString()方法的返回值 例如console.log(“toString返回值”,per.toString()),则输出[object object] //注per是一个对象 如果希望对象不输出[object object],可以为对象添加一个toString()方法 例如person.prototye.toString()=function(){ //person是个对象 return “” }
js 函数的 toString 自动调用
Chennfengg222的博客
03-09 2850
toString方法返回一个字符串，其中包含用于定义函数的源文本段 在Function需要转换为字符串时，通常会自动调用函数的 toString 方法 ----from: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/toString 重点就是这句话: 在Fun...
js 打印指定内容_如何实现js打印
weixin_39519619的博客
11-30 460
js打印有两种方式：当前页面打印和新窗口打印，根据项目需求选择适合的方式第一种打印方式：当前页面打印js代码：const printHtml = document.querySelector('.print-content').innerHTML; // 需要打印的内容 window.document.body.innerHTML = printHtml; window.print(); wind...
Java小技巧——对象打印之重写toString方法
m0_65190367的博客
08-07 2039
需要打印的成员太多怎么办？教你一招1秒解决，省时又省力
console.log、toString方法与js判断变量类型
weixin_33733810的博客
12-01 493
Java调用system.print.out()是会调用toString方法打印js里的console.log也是控制台打印，很多时候，我们以为也是调用toString方法，其实并不是。我们在chrom下测试 var obj={'a':2}; console.log(obj); console.log(arr.toString());{'a':2} console.log(obj.to...
js中的toString()方法
热门推荐
qq_45594237的博客
11-03 2万+
toString()方法可以根据所传递的参数把数值转换为对应进制的数字字符串。参数范围为 2~36 之间的任意整数。 var a = 32; console.log(a.toString(2)); //返回字符串100000 console.log(a.toString(4)); //返回字符串200 console.log(a.toString(16));...
Js，重写对象的toString()方法
weixin_43800477的博客
09-08 541
var obj = { num:1, //重写对象的toString() toString:function(){ return this.num+1; }, } console.log(obj.toString());//运行结果为2
JS重写toString()方法
最新发布
05-26
在 JavaScript 中，我们可以通过重写 `toString()` 方法来自定义对象的字符串表示形式。这个方法会在使用 `console.log()` 或者直接将对象转换为字符串时被调用。 下面是一个重写 `toString()` 方法的例子： ```javascript class Person { constructor(name, age) { this.name = name; this.age = age; } toString() { return `${this.name} (${this.age})`; } } const john = new Person("John", 30); console.log(john.toString()); // 输出 "John (30)" ``` 在这个例子中，我们定义了一个 `Person` 类，并重写了它的 `toString()` 方法。这个方法返回一个字符串，包含了该对象的姓名和年龄。 当我们使用 `console.log()` 打印 `john` 对象时，它会自动调用 `toString()` 方法并输出字符串 "John (30)"。 除了类之外，我们也可以直接在对象上定义 `toString()` 方法来达到同样的效果： ```javascript const person = { name: "John", age: 30, toString() { return `${this.name} (${this.age})`; } }; console.log(person.toString()); // 输出 "John (30)" ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Frank---7

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值