快捷導(dǎo)航

Javascript中將變量轉(zhuǎn)換為字符串的三種方法

更新時(shí)間：2017年09月19日 10:30:53 作者：Fundebug

這篇文章主要給大家介紹了關(guān)于Javascript中將變量轉(zhuǎn)換為字符串的三種方法，這三種方法分別是：value.toString()、"" + value和String(value)，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。

前言

大家應(yīng)該都知道，對(duì)于JavaScript，有3種不同方法可以將變量轉(zhuǎn)換為字符串。這篇文章將詳細(xì)介紹這些方法，并比較他們的優(yōu)劣。下面話不多說了，來一起看看詳細(xì)的介紹吧。

3種方法

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

value.toString()
"" + value
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) ，它們基本上是一樣的。

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

參考