简单说 JavaScript中的tostring( ) 与 valueOf( )方法，我把所有前端框架整理成了PDF

说又槐

于 2024-03-31 16:35:48 发布

阅读量549

点赞数 17

分类专栏： 2024年程序员学习文章标签： javascript 前端框架 pdf

本文链接：https://blog.csdn.net/2301_76225520/article/details/137203253

版权

2024年程序员学习专栏收录该内容

263 篇文章 1 订阅

订阅专栏

文章详细介绍了JavaScript中toString()和valueOf()方法在对象转换为字符串和数字过程中的作用，以及数组和日期对象的特殊转换规则。作者还分享了前端工程师提升技能的学习资源，强调了面试准备的重要性。

摘要由CSDN通过智能技术生成

(function (){}).valueOf(); //=> function (){}

/\d/.valueOf(); //=> /\d/

new Date().valueOf(); //=> 1502941383029

原始值：不可变更的值，包括undefined、null、布尔值、数字、和字符串。

看下面这张图，列出了一些基本的类型转换，这张图来自 JavaScript权威指南。

好了，我们现在已经了解toString( )方法和 valueOf( )方法了，下来我们来说说，对象到字符串和对象到数字的转换。

对象到字符串的转换：

1、如果对象具有toString( )方法，则调用这个方法。如果她返回一个原始值，JavaScript将这个值转换为字符串（如果本身不是字符串的话），并返回这个字符串结果。

2、如果对象没有toString( )方法，或者这个方法并不返回一个原始值，那么JavaScript会调用valueOf( )方法。如果存在这个方法，则JavaScript调用它。如果返回值是原始值，JavaScript将这个值转换为字符串（如果本身不是字符串的话），并返回这个字符串结果。

3、否则，JavaScript无法从toString()或者valueOf( )获得一个原始值，因此这时它将抛出一个类型错误异常。

对象到数字的转换：

1、如果对象具有valueOf( )方法，后者返回一个原始值，则JavaScript将这个原始值转换为数字（如果需要的话）并返回这个数字。

2、否则，如果对象具有toString( )方法，后者返回一个原始值，则JavaScript将其转化并返回。

3、否则，JavaScript抛出一个类型错误异常。

所以这就解释了，为什么空数组会被转换为数字0，为什么具有单个元素的数组同样会转换成一个数字。

数组继承了默认的valueOf( )方法，这个方法返回一个对象而不是一个原始值，因此，数组到数字的转换则调用toString( )方法。空数组转换为空字符串，空字符串转换为数字0。

含有一个元素的数组转换为字符串的结果和这个元素转换字符串的结果一样。

如果数组只包含一个数字元素，这个数字转换为字符串，在转换回数字。

JavaScript中的"+“运算符可以进行数学加法和字符串连接操作。如果它的其中一个操作数是对象，则JavaScript将使用特殊的方法将对象转换为原始值，而不是使用其他算术运算符的方法执行对象到数字的转换，”= ="相等运算符与此类似。如果将对象和一个原始值比较，则转换将会遵照对象到原始值的转换方式进行。

“+” 和 "= ="应用的对象到原始值的转换包含日期对象的一种特殊情形。日期类是JavaScript语言核心中唯一的预先定义类型，它定义了有意义的向字符串和数字类型的转换。

对于所有非日期的对象来说，对象到原始值的转换基本上是对象到数字的转换（首先调用valueOf( )），日期对象则使用对象到字符串的转换模式，然而，这里的转换和上文讲述的并不完全一致：通过valueOf( )或者toString( )返回的原始值将被直接使用，而不会被强制转换为数字或字符串。

和"= =“一样，”<"运算符以及其他关系运算符也会做对象到原始值的转换，但要除去日期对象的特殊情形：任何对象都会首先尝试调用valueOf( )，然后调用toString( )。不管得到的原始值是否直接使用，它都不会进一步被转换为数字或字符串。