Javascript中将变量转换为字符串的三种方法

前言

大家应该都知道，对于javascript，有3种不同方法可以将变量转换为字符串。这篇文章将详细介绍这些方法，并比较他们的优劣。下面话不多说了，来一起看看详细的介绍吧。

3种方法

将变量转换为字符串的3种方法如下：

• value.tostring()
• "" + value
• string(value)

当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则返回；否则再调用obj.tostring() ，若结果为primitive则返回；否则返回typeerror。
• toprimitive(string) : 与toprimitive(number)类似，只是先调用obj.tostring() ，后调用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，那么不妨使用value.tostring() 。否则，你只能使用""+value 和string(value) ，它们基本上是一样的。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

参考

• javascript values: not everything is an object
• what is {} + {} in javascript?
• string concatenation in javascript
• javascript string 对象

原文: converting a value to string in javascript

译者: fundebug