javaScript valueOf和toString方法在不同场景被调用进行数据转换

川长思鸟来 2022-07-24 10:13 105阅读 0赞

看了篇英文的。。。。心累

说正事，Objects in JavaScript can be converted to primitives in three contexts:

javaScript对象在以下三种场景中会转换为原始数据类型。（primitives：英文是硬伤，这个单词意思表达的应该和Java中的基本数据类型一个意思，我会叫它元始数据类型、原语、基本数据。。。）

1.  Numeric
2.  String
3.  Boolean

**字符串转换（String）：**  
当需要一个对象的字符串表示时，发生字符串转换  
如：alert(obj)；

String(obj)也会做显示转换  
  
转换规则：  
1、存在toString方法，并且返回基本数据，则使用toString的返回值（所有的对象都有toString方法，也就是说正常情况转换执行到这里就结束了）。  
2、如果valueOf存在并且返回基本数据，则使用valueOf返回的值  
3、否则抛出异常

**数值转换(Numeric)：**  
javaScript中的另一种转换，没toString使用广泛，但是内部转换经常用到。  
  
数值转换在以下两种情况发生：  
1、需要一个数字的功能：比如Math.sin(obj),isNaN(obj),包括算数运算符：+object (+会强制转换object为Number类型).  
2、在比较中，如obj == 'join'  
===是例外，因为它不允许做任何类型转换，and also non-strict equality when both arguments are objects, not primitives: obj1 == obj2. 仅当二者只想同一个对象时返回true.  
  
使用Number(obj)时也会有明确的数值转换  
  
具体转换规则：  
1、存在valueOf方法并且返回原语，则使用valueOf的值  
2、不存在valueOf方法，存在toString方法并且返回原语，则使用toString的值  
3、二者都不存在，则抛出异常。  
  
内置对象中，Date同时支持数值转换和字符串转换  
alert( new Date() ) // The date in human-readable form  
alert( +new Date() ) // Microseconds till 1 Jan 1970  
  
但是大部分对象没有valueOf方法，这意味着大部分数值转换由toString实现，更意味着数值转换并不一定得到Number类型的数据。

**boolean转换：**  
Boolean转换发生在一个Boolean上下文中，如：if(obj),while(obj)

Boolean(obj)同样会有显式的boolean转换

转换规则：

![Center][]

**\[\] == !\[\]为什么返回true?**  
表达式先计算右边!\[\],context为boolean下对象为true（即\[\]为true）,所以!\[\]为false  
现在变为：\[\] == false  
对象和非对象比较转换为数字比较，右边变为0  
左边对象调用toString方法得到""  
""转换为数字0  
0 == 0 结果为true

这是本人Chinglish翻译的，英语好的点这里[http://javascript.info/tutorial/object-conversion][http_javascript.info_tutorial_object-conversion]

[Center]: /images/20220722/8a29dd4a077449e99ad7541c06b993ad.png
[http_javascript.info_tutorial_object-conversion]: http://javascript.info/tutorial/object-conversion

发表评论取消回复

表情：

评论列表（有 0 条评论，105人围观）

还没有评论，来说两句吧...

相关阅读

相关简单说 JavaScript中的tostring( ) 与 valueOf( )方法

说明所有的对象都继承有toString() 和 valueOf() 方法，对象到字符串，对象到数字的转换，会通过调用待转换对象的这两个方法中的一个来完成。解释

清疚/ 2022年12月15日 11:29/ 0 赞/ 108 阅读

相关 JS 对象toString 和 valueof 方法

转自：[http://www.pinlue.com/article/2020/09/2216/3411252026610.html][http_www.pinlue.com_a

悠悠/ 2022年12月12日 02:19/ 0 赞/ 195 阅读

相关 JS 对象toString 和 valueof 方法

转自：[http://www.pinlue.com/article/2020/09/2216/3411252026610.html][http_www.pinlue.com_a

梦里梦外;/ 2022年12月10日 10:12/ 0 赞/ 149 阅读

相关 javascript中valueOf（）和toString（）区别

valueOf()：返回最适合该对象类型的原始值； toString(): 将该对象的原始值以字符串形式返回。这两个方法一般是交由JS去隐式调用

蔚落/ 2022年08月20日 15:09/ 0 赞/ 142 阅读

相关 JavaScript中的valueOf与toString方法

基本上，所有JS数据类型都拥有valueOf和toString这两个方法，null除外。它们俩解决javascript值运算与显示的问题。 JavaScript 的 val

╰+哭是因爲堅強的太久メ/ 2022年08月09日 05:18/ 0 赞/ 148 阅读

相关 JavaScript的隐式转换和toString valueof的调用情况

一、隐式转换 console.log('35'-1);//34 减号转换为数值型计算 console.log('35'+2);//352 加号转换为字符串

小灰灰/ 2022年07月26日 01:54/ 0 赞/ 109 阅读

相关 javaScript valueOf和toString方法在不同场景被调用进行数据转换

看了篇英文的。。。。心累说正事，Objects in JavaScript can be converted to primitives in three contexts

川长思鸟来/ 2022年07月24日 10:13/ 0 赞/ 106 阅读

相关 String.ValueOf和toString区别

在Java开发中，我们经常用到将对象转换成String类型这一功能，常用的有如下三种方式 (String)\[对象\] \[对象\].toString St

太过爱你忘了你带给我的痛/ 2022年06月09日 14:05/ 0 赞/ 218 阅读

相关 JavaScript中valueOf 、toString 、toLocalString的区别

　Array、Boolean、Date、Number等对象都具有toString()、toLocaleString()、valueOf()三个方法，那这三个方法有什么区别？？？

拼搏现实的明天。/ 2022年06月08日 05:21/ 0 赞/ 197 阅读

相关 JavaScript类型转换中的toString()和valueOf()方法

1.总结 toString( ):返回对象的字符串表示。 valueOf( ):返回对象的字符串、数值或布尔值表示。这两个方法一般是交由JS去隐式调用，以满足不同的运

布满荆棘的人生/ 2022年04月21日 15:54/ 0 赞/ 138 阅读