JS中將變量轉(zhuǎn)為字符串-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)是一家專業(yè)的成都網(wǎng)站建設(shè)公司，我們專注成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、網(wǎng)絡(luò)營(yíng)銷、企業(yè)網(wǎng)站建設(shè)，友情鏈接，廣告投放平臺(tái)為企業(yè)客戶提供一站式建站解決方案，能帶給客戶新的互聯(lián)網(wǎng)理念。從網(wǎng)站結(jié)構(gòu)的規(guī)劃UI設(shè)計(jì)到用戶體驗(yàn)提高，創(chuàng)新互聯(lián)力求做到盡善盡美。
  • 原文: Converting a value to string in JavaScript
  • 譯者: Fundebug

為了保證可讀性，本文采用意譯而非直譯。另外，本文版權(quán)歸原作者所有，翻譯僅用于學(xué)習(xí)。

對(duì)于JavaScript，有3種不同方法可以將變量轉(zhuǎn)換為字符串。這篇博客將詳細(xì)介紹這些方法，并比較他們的優(yōu)劣。

3種方法

將變量轉(zhuǎn)換為字符串的3種方法如下：

  1. value.toString()
  2. "" + value
  3. String(value)

當(dāng)value為null或者undefined時(shí)，第1種方法就不行了。而方法2和方法3基本上是一樣的。

  • ""+value: 將value與空字符串相加，即可將其轉(zhuǎn)換為字符串。這種方法其實(shí)是一種稍微晦澀的技巧，可能會(huì)讓別人難于理解開發(fā)者的意圖。不過，這一點(diǎn)見仁見智，有些人偏愛這種方法。

  • String(value): 這種方法非常清晰：使用String()函數(shù)將value轉(zhuǎn)換為字符串。不過，String()有兩種不同用法，容易混淆，尤其對(duì)于Java開發(fā)者來說。當(dāng)String()和運(yùn)算符new一起作為構(gòu)造函數(shù)使用時(shí)，它返回一個(gè)新創(chuàng)建的String對(duì)象；當(dāng)不用new運(yùn)算符調(diào)用String()時(shí)，它只把value轉(zhuǎn)換成原始的字符串。這兩者是非常不同的：
> 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

事實(shí)上，將String()作為構(gòu)造函數(shù)使用并不常見，因此僅使用它來轉(zhuǎn)換字符串就好了。

""+value與String(value)的細(xì)微差別

""+value與String(value)都可以將value轉(zhuǎn)換為字符串，它們是如何做到的呢？事實(shí)上，它們雖然結(jié)果相同，但是方法稍有區(qū)別。

將primitive基本類型轉(zhuǎn)換為字符串

兩種方法都使用內(nèi)部函數(shù)ToString()將primitive基本類型轉(zhuǎn)換為字符串。ToString()函數(shù)在ECMAScript 5.1 (§9.8)中定義了，但是并不能直接使用，因此稱作內(nèi)部函數(shù)。下面的表格顯示了ToString()函數(shù)如何將primitive基本類型轉(zhuǎn)換為字符串：

參數(shù) 結(jié)果
undefined"undefined"
null"null"
Boolean"true"或者 "false"
Number將數(shù)字轉(zhuǎn)換為字符串，例如： "1.765"
String無需轉(zhuǎn)換
將Object轉(zhuǎn)換為字符串

轉(zhuǎn)換為字符串之前，兩種方法都會(huì)先將Object轉(zhuǎn)換為primitive。不同的是，""+value使用內(nèi)部函數(shù)ToPrimitive(Number)(除了date類型)，而String(value)使用內(nèi)部函數(shù)ToPrimitive(String)。

  • ToPrimitive(Number): 先調(diào)用obj.valueOf，若結(jié)果為primitive則返回；否則再調(diào)用obj.toString()，若結(jié)果為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)用結(jié)果:

> "" + obj
valueOf
toString
TypeError: Cannot convert object to primitive value

> String(obj)
toString
valueOf
TypeError: Cannot convert object to primitive value
它們的結(jié)果相同

""+value與String(value)雖然不同，但是我們很少能感覺到。因?yàn)?，大多?shù)object使用默認(rèn)的valueOf()，它返回對(duì)象本身：

> var x = {}
> x.valueOf() === x
true

由于valueOf()返回值并非primitive，因此ToPrimitive(Number)會(huì)跳過valueOf()，而返回toString()的返回值。這樣，與ToPrimitive(String)的返回值就一樣了。

當(dāng)object是Boolean、Number或者String實(shí)例時(shí)，valueOf()將返回primitive。這就意味著兩者的計(jì)算過程是這樣的：

  • ToPrimitive(Number)：valueOf()返回primitive值，然后使用ToString()轉(zhuǎn)換為字符串。
  • ToPrimitive(String): toString()通過ToString()函數(shù)將primitive值轉(zhuǎn)換為字符串。

可知，雖然計(jì)算過程不同，但是它們的結(jié)果是一樣的。

結(jié)論

那么你該選擇哪種方法呢？如果你可以確保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 對(duì)象

關(guān)于fundebug

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

JS中將變量轉(zhuǎn)為字符串

版權(quán)聲明

轉(zhuǎn)載時(shí)請(qǐng)注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2017/09/18/value-to-string/

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前名稱：JS中將變量轉(zhuǎn)為字符串-創(chuàng)新互聯(lián)
網(wǎng)頁(yè)地址：http://muchs.cn/article24/iopje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、建站公司、企業(yè)建站、虛擬主機(jī)、商城網(wǎng)站、軟件開發(fā)

廣告

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

手機(jī)網(wǎng)站建設(shè)