Javascript中将变量转换为字符串的三种⽅法
前⾔
⼤家应该都知道,对于JavaScript,有3种不同⽅法可以将变量转换为字符串。这篇⽂章将详细介绍这些⽅法,并⽐较他们的优劣。下⾯话不多说了,来⼀起看看详细的介绍吧。
3种⽅法
将变量转换为字符串的3种⽅法如下:
"" + value
String(value)
string转date的方法当value为null或者undefined时,第1种⽅法就不⾏了。⽽⽅法2和⽅法3基本上是⼀样的。
""+value:将value与空字符串相加,即可将其转换为字符串。这种⽅法其实是⼀种稍微晦涩的技巧,可能会让别⼈难于理解开发者的意图。不过,这⼀点见仁见智,有些⼈偏爱这种⽅法。
String(value): 这种⽅法⾮常清晰:使⽤String()函数将value转换为字符串。不过,String()有两种不同⽤法,容易混淆,尤其对于Java开发者来说。当String()和运算符new⼀起作为构造函数使⽤时,它返回⼀个新创建的String对象;当不⽤new运算符调
⽤String()时,它只把value转换成原始的字符串。这两者是⾮常不同的:
> String("Fundebug") === new String("Fundebug")
false
> typeof String("Fundebug")
'string'
> String("Fundebug") instanceof String
false
> typeof new String("Fundebug")
'object'
> new String("Fundebug") instanceof String
true
事实上,将String()作为构造函数使⽤并不常见,因此仅使⽤它来转换字符串就好了。
“”+value与String(value)的细微差别
""+value与String(value)都可以将value转换为字符串,它们是如何做到的呢?事实上,它们虽然结果相同,但是⽅法稍有区别。将primitive基本类型转换为字符串
两种⽅法都使⽤内部函数ToString()将primitive基本类型转换为字符串。ToString()函数在ECMAScript 5.1 (§9.8)中定义了,但是并不能直接使⽤,因此称作内部函数。下⾯的表格显⽰了ToString()函数如何将primitive基本类型转换为字符串:参数结果
undefined"undefined"
null"null"
Boolean"true"或者 "false"
Number将数字转换为字符串,例如: "1.765"
String⽆需转换
将Object转换为字符串
转换为字符串之前,两种⽅法都会先将Object转换为primitive。不同的是,""+value使⽤内部函数ToPrimitive(Number) (除了date 类型),⽽String(value)使⽤内部函数ToPrimitive(String) 。
ToPrimitive(Number) : 先调⽤obj.valueOf ,若结果为primitive则返回;否则再调⽤String() ,若结果为primitive则返回;否则返回TypeError。
ToPrimitive(String) : 与ToPrimitive(Number)类似,只是先调⽤String() ,后调⽤obj.valueOf()。
可以通过以下⽰例了解区别,obj如下:
var obj = {
valueOf: function()
{
console.log("valueOf");
return {};
},
toString: function()
{
console.log("toString");
return {};
}
};
调⽤结果:
> "" + obj
valueOf
toString
TypeError: Cannot convert object to primitive value
> String(obj)
toString
valueOf
TypeError: Cannot convert object to primitive value
它们的结果相同
""+value与String(value)虽然不同,但是我们很少能感觉到。因为,⼤多数object使⽤默认的valueOf() ,它返回对象本⾝:
> var x = {}
> x.valueOf() === x
true
由于valueOf()返回值并⾮primitive,因此ToPrimitive(Number)会跳过valueOf(),⽽返回toString()的返回值。这样,
与ToPrimitive(String)的返回值就⼀样了。
当object是Boolean、Number或者String实例时,valueOf()将返回primitive。这就意味着两者的计算过程是这样的:ToPrimitive(Number) :valueOf()返回primitive值,然后使⽤ToString()转换为字符串。
ToPrimitive(String) : toString()通过ToString()函数将primitive值转换为字符串。
可知,虽然计算过程不同,但是它们的结果是⼀样的。
结论
那么你该选择哪种⽅法呢?如果你可以确保value值不是null和undefined,那么不妨使⽤String() 。否则,你只能使⽤""+value和String(value),它们基本上是⼀样的。
总结
以上就是这篇⽂章的全部内容了,希望本⽂的内容对⼤家的学习或者⼯作能带来⼀定的帮助,如果有疑问⼤家可以留⾔交流,谢谢⼤家对的⽀持。
参考
JavaScript values: not everything is an object
What is {} + {} in JavaScript?
String concatenation in JavaScript
JavaScript String 对象
原⽂:
译者:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论