JS的String()、toString()、valueOf()的一些隐秘特性

姘搁『发布于2019-08-20 17:50 / 2595人阅读

摘要：默认情况下，方法以十进制格式返回数值的字符串表示。注意，默认的没有参数的输出值与指定基数时的输出值相同。但是，在上，他们两个表现出了截然不同的形式，在对一个对象类型进行时，直接返回原对象，而则返回。

toString()方法

要把一个值转换为一个字符串，最常用的就是，使用几乎每个值都有的toString()方法，这个方法唯一要做的就是返回相应值的字符串表现。

数值、布尔值、对象和字符串值（没错，每个字符串也都有一个toString()方法，该方法返回字符串的一个副本）都有toString()方法。但null和undefined值没有这个方法。因此在对一个变量进行了toString()后，如果变量为null或者undefined的时候就会报错。

多数情况下，调用toString()方法不必传递参数。但是，在调用数值的toString()方法时，可以传递一个参数：输出数值的基数。默认情况下，toString()方法以十进制格式返回数值的字符串表示。而通过传递基数，toString()可以输出以二进制、八进制、十六进制，乃至其他任意有效进制格式表示的字符串值。

var num = 10; 
// "10" 
alert(num.toString()); 
// "1010" 
alert(num.toString(2)); 
// "12" 
alert(num.toString(8)); 
// "10" 
alert(num.toString(10)); 
// "a" 
alert(num.toString(16));

通过这个例子可以看出，通过指定基数，toString()方法会改变输出的值。而数值10根据基数的不同，可以在输出时被转换为不同的数值格式。注意，默认的（没有参数的）输出值与指定基数10时的输出值相同。

valueOf()方法

说实话这个方法存在感很低，在JS中对数据进行字符串转型，通常都用toString()方法，或者直接在变量后面加上空字符串。valueOf()方法的返回值通常与toString()都是一样的。但是，在Object上，他们两个表现出了截然不同的形式，在对一个对象类型（Object、Array）进行valueOf()时，valueOf()直接返回原对象，而toString()则返回[object Object]。在《JavaScript高级程序设计（第三版）》中，作者说valueOf()返回与toString()相同的值，即对Array调用valueOf()返回字符串表现形式，我在多个现代浏览器中（Chrome、Egde）和IE8文档模式下测试均返回原数组对象。所以看到这里的读者要注意了，书中部分内容到现在可能并不准确了。

var a = { "a":"123", "b": "456" };
// Object {a: "123", b: "456"}
a.valueOf()
// [object object]
a.toString()

对于数组也一样

var b = [1,2,3,45,6];
// (5) [1, 2, 3, 45, 6]
b.valueOf()
// 1,2,3,45,6
b.toString()

String()方法

在不知道要转换的值是不是null或undefined的情况下，还可以使用转型函数String()，这个函数能够将任何类型的值转换为字符串。String()函数遵循下列转换规则：

如果值有toString()方法，则调用该方法（没有参数）并返回相应的结果；

如果值是null，则返回"null"；

如果值是undefined，则返回"undefined"。

toString()与String()的区别就在于String()还能转换null和undefined值，可以说是toString()的增强版。在开发中直接使用String()似乎更好，这样能避免潜在的转换风险。

文章首发于我的微信公众号，关注可获得每次最新推送

《JavaScript高级程序设计》笔记之一

私有云 idc机房托管 java的一些代码深度学习的一些应用 php实用的一些代码数据分析的一些方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/83904.html

深入js隐式类型转换

摘要：结合实际中的情况来看，有意或无意中涉及到隐式类型转换的情况还是很多的。此外当进行某些操作时，变量可以进行类型转换，我们主动进行的就是显式类型转换，另一种就是隐式类型转换了。前言相信刚开始了解js的时候，都会遇到 2 ==2，但 1+2 == 1+2为false的情况。这时候应该会是一脸懵逼的状态，不得不感慨js弱类型的灵活让人发指，隐式类型转换就是这么猝不及防。结合实际中的情况来看...

tomato 2019-08-22 17:27 评论0 收藏0
经常被面试官问到的JavaScript数据类型知识你真的懂吗？

摘要：中的强制转换规则面试官中强制类型转换是一个非常易出现的点，知道强制转换时候的规则吗注规则最好配合下面什么时候发生转换使用这些规则看效果更佳。调用方法用来把对象转换成原始类型的值数值字符串和布尔值。前言 showImg(https://segmentfault.com/img/bVbu4Fb?w=940&h=400);之前面试了几个开发者，他们确实做过不少项目，能力也是不错的，但是发现...

codergarden 2019-08-23 18:40 评论0 收藏0
关于原生js的一些研究

摘要：这个属性本身又是一个类型的对象，原型对象都包含一个指向构造函数的指针，而每一个实例也都包含一个指向原型对象内部的指针。前阵子忙于准备CET-6，没时间更新文章，之后大概一个月将忙于准备期末考，也应该不会更新了，今天趁周末有时间再更新一篇最近研究的一些东西吧。 callee和caller function inner(){ console.log(arguments.calle...

wind3110991 2019-08-21 10:33 评论0 收藏0
【Step-By-Step】一周面试题 && 答案汇总 / 01

摘要：构造函数返回值是或，这种情况下指向的是返回的对象。并执行了构造函数中的方法如果函数没有返回其他对象，那么指向这个新对象，否则指向构造函数中返回的对象。对于文档来说应当是唯一的。的值意味着其不可能是基本数据类型。关于【Step-By-Step】不积跬步无以至千里。 Step-By-Step (点击进入项目) 是我于 2019-05-20 开始的一个项目，项目愿景：一步一个脚印，量变引...

xiaolinbang 2019-08-26 13:57 评论0 收藏0
JavaScript类型转换的迷糊事儿

摘要：下面分几步来简单的探探不同类型的转换吧以下的内容，都可以从权威指南中找到。其他值转换成在编写代码的过程中，几乎不用考虑它的取值类型。核心内置类，会尝试先于可以理解为对象优先转换成数字例外的是，利用的是转换。最近在写公司的登录注册模块，遇到类型不同相比较的时候，就心惊胆战，每次都要用浏览器来验证一下，决定乱七八糟的随便写一下，方便日后自己回顾知识~ 弱类型带来的那些让人迷糊的事弱类型...

harriszh 2019-08-22 10:58 评论0 收藏0