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/