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

前言

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

3种方法

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

当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 Stringfalse> typeof new String("Fundebug")'object'> new String("Fundebug") instanceof Stringtrue

事实上，将String()作为构造函数使用并不常见，因此仅使用它来转换字符串就好了。

“”+value与String(value)的细微差别

""+value与String(value)都可以将value转换为字符串，它们是如何做到的呢？事实上，它们虽然结果相同，但是方法稍有区别。

将primitive基本类型转换为字符串

两种方法都使用内部函数ToString()将primitive基本类型转换为字符串。ToString()函数在ECMAScript 5.1 (§9.8)中定义了，但是并不能直接使用，因此称作内部函数。下面的表格显示了ToString()函数如何将primitive基本类型转换为字符串：

将Object转换为字符串

转换为字符串之前，两种方法都会先将Object转换为primitive。不同的是，""+value使用内部函数ToPrimitive(Number) (除了date类型)，而String(value)使用内部函数ToPrimitive(String)