JS中將變量轉為字符串

譯者按:語言的細枝末節(jié)了解一下就可以了，不需要太較真，不過如果一點也不知道的話，那就不太妙了。

成都創(chuàng)新互聯(lián)長期為上千余家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為道縣企業(yè)提供專業(yè)的成都網(wǎng)站設計、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設，道縣網(wǎng)站改版等技術服務。擁有10多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

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

為了保證可讀性，本文采用意譯而非直譯。另外，本文版權歸原作者所有，翻譯僅用于學習。

對于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)，它們基本上是一樣的。

參考

JavaScript values: not everything is an object
What is {} + {} in JavaScript?
String concatenation in JavaScript
JavaScript String 對象

關于fundebug

Fundebug專注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java實時BUG監(jiān)控。自從2016年雙十一正式上線，F(xiàn)undebug累計處理了9億+錯誤事件，得到了Google、360、金山軟件、百姓網(wǎng)等眾多知名用戶的認可。歡迎免費試用！

JS中將變量轉為字符串

版權聲明

轉載時請注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2017/09/18/value-to-string/

網(wǎng)頁名稱：JS中將變量轉為字符串
瀏覽地址：http://www.muchs.cn/article26/phddcg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、、移動網(wǎng)站建設、網(wǎng)站營銷、網(wǎng)站設計公司、網(wǎng)站設計

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容