您好,登錄后才能下訂單哦!
前言
大家應該都知道,對于JavaScript,有3種不同方法可以將變量轉換為字符串。這篇文章將詳細介紹這些方法,并比較他們的優(yōu)劣。下面話不多說了,來一起看看詳細的介紹吧。
3種方法
將變量轉換為字符串的3種方法如下:
value.toString()
"" + value
String(value)
當value為null或者undefined時,第1種方法就不行了。而方法2和方法3基本上是一樣的。
""+value:
將value與空字符串相加,即可將其轉換為字符串。這種方法其實是一種稍微晦澀的技巧,可能會讓別人難于理解開發(fā)者的意圖。不過,這一點見仁見智,有些人偏愛這種方法。
String(value): 這種方法非常清晰:使用String()
函數(shù)將value轉換為字符串。不過,String()
有兩種不同用法,容易混淆,尤其對于Java開發(fā)者來說。當String()
和運算符new一起作為構造函數(shù)使用時,它返回一個新創(chuàng)建的String對象;當不用new運算符調(diào)用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()
作為構造函數(shù)使用并不常見,因此僅使用它來轉換字符串就好了。
“”+value與String(value)的細微差別
""+value
與String(value)
都可以將value轉換為字符串,它們是如何做到的呢?事實上,它們雖然結果相同,但是方法稍有區(qū)別。
將primitive基本類型轉換為字符串
兩種方法都使用內(nèi)部函數(shù)ToString()
將primitive基本類型轉換為字符串。ToString()
函數(shù)在ECMAScript 5.1 (§9.8)中定義了,但是并不能直接使用,因此稱作內(nèi)部函數(shù)。下面的表格顯示了ToString()
函數(shù)如何將primitive基本類型轉換為字符串:
參數(shù) | 結果 |
---|---|
undefined | "undefined" |
null | "null" |
Boolean | "true"或者 "false" |
Number | 將數(shù)字轉換為字符串,例如: "1.765" |
String | 無需轉換 |
將Object轉換為字符串
轉換為字符串之前,兩種方法都會先將Object轉換為primitive。不同的是,""+value使用內(nèi)部函數(shù)ToPrimitive(Number)
(除了date類型),而String(value)
使用內(nèi)部函數(shù)ToPrimitive(String)
。
ToPrimitive(Number)
: 先調(diào)用obj.valueOf
,若結果為primitive則返回;否則再調(diào)用obj.toString()
,若結果為primitive則返回;否則返回TypeError。ToPrimitive(String)
: 與ToPrimitive(Number)
類似,只是先調(diào)用obj.toString()
,后調(diào)用obj.valueOf()
。可以通過以下示例了解區(qū)別,obj如下:
var obj = { valueOf: function() { console.log("valueOf"); return {}; }, toString: function() { console.log("toString"); return {}; } };
調(diào)用結果:
> "" + obj valueOf toString TypeError: Cannot convert object to primitive value > String(obj) toString valueOf TypeError: Cannot convert object to primitive value
它們的結果相同
""+value
與String(value)
雖然不同,但是我們很少能感覺到。因為,大多數(shù)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()
函數(shù)將primitive值轉換為字符串。可知,雖然計算過程不同,但是它們的結果是一樣的。
結論
那么你該選擇哪種方法呢?如果你可以確保value值不是null和undefined,那么不妨使用value.toString()
。否則,你只能使用""+value
和String(value)
,它們基本上是一樣的。
總結
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對億速云的支持。
參考
原文: Converting a value to string in JavaScript
譯者: Fundebug
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。