JS中将变量转为字符串

译者按: 语言的细枝末节了解一下就能够了，不须要太较真，不过若是一点也不知道的话，那就不太妙了。

• 原文: Converting a value to string in JavaScript
• 译者: Fundebug

为了保证可读性，本文采用意译而非直译。另外，本文版权归原做者全部，翻译仅用于学习。

对于JavaScript，有3种不一样方法能够将变量转换为字符串。这篇博客将详细介绍这些方法，并比较他们的优劣。

3种方法

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

1. value.toString()
2. "" + value
3. 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)，它们基本上是同样的。

参考

1. JavaScript values: not everything is an object
2. What is {} + {} in JavaScript?
3. String concatenation in JavaScript
4. JavaScript String 对象

关于Fundebug

Fundebug专一于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了7亿+错误事件，获得了Google、360、金山软件、百姓网等众多知名用户的承认。欢迎免费试用！

版权声明:

转载时请注明做者Fundebug以及本文地址： https://blog.fundebug.com/2017/09/18/value-to-string/