摘要:將與空字符串相加,即可將其轉(zhuǎn)換為字符串。這兩者是非常不同的事實(shí)上,將作為構(gòu)造函數(shù)使用并不常見(jiàn),因此僅使用它來(lái)轉(zhuǎn)換字符串就好了。這就意味著兩者的計(jì)算過(guò)程是這樣的返回值,然后使用轉(zhuǎn)換為字符串。
譯者按: 語(yǔ)言的細(xì)枝末節(jié)了解一下就可以了,不需要太較真,不過(guò)如果一點(diǎ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種方法如下:
value.toString()
"" + value
String(value)
當(dāng)value為null或者undefined時(shí),第1種方法就不行了。而方法2和方法3基本上是一樣的。
""+value: 將value與空字符串相加,即可將其轉(zhuǎn)換為字符串。這種方法其實(shí)是一種稍微晦澀的技巧,可能會(huì)讓別人難于理解開(kāi)發(fā)者的意圖。不過(guò),這一點(diǎn)見(jiàn)仁見(jiàn)智,有些人偏愛(ài)這種方法。
String(value): 這種方法非常清晰:使用String()函數(shù)將value轉(zhuǎn)換為字符串。不過(guò),String()有兩種不同用法,容易混淆,尤其對(duì)于Java開(kāi)發(fā)者來(lái)說(shuō)。當(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ù)使用并不常見(jiàn),因此僅使用它來(lái)轉(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 | 無(wú)需轉(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()。
可以通過(guò)以下示例了解區(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)雖然不同,但是我們很少能感覺(jué)到。因?yàn)椋蠖鄶?shù)object使用默認(rèn)的valueOf(),它返回對(duì)象本身:
> var x = {} > x.valueOf() === x true
由于valueOf()返回值并非primitive,因此ToPrimitive(Number)會(huì)跳過(guò)valueOf(),而返回toString()的返回值。這樣,與ToPrimitive(String)的返回值就一樣了。
當(dāng)object是Boolean、Number或者String實(shí)例時(shí),valueOf()將返回primitive。這就意味著兩者的計(jì)算過(guò)程是這樣的:
ToPrimitive(Number):valueOf()返回primitive值,然后使用ToString()轉(zhuǎn)換為字符串。
ToPrimitive(String): toString()通過(guò)ToString()函數(shù)將primitive值轉(zhuǎn)換為字符串。
可知,雖然計(jì)算過(guò)程不同,但是它們的結(jié)果是一樣的。
結(jié)論那么你該選擇哪種方法呢?如果你可以確保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 對(duì)象
版權(quán)聲明:
轉(zhuǎn)載時(shí)請(qǐng)注明作者Fundebug以及本文地址:
https://blog.fundebug.com/201...
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/88803.html
摘要:前言接上篇前端筆試題面試題記錄上。默認(rèn)值,不脫離文檔流,,,,等屬性不生效。。不脫離文檔流,依據(jù)自身位置進(jìn)行偏離,當(dāng)子元素設(shè)置,將依據(jù)它進(jìn)行偏離。。 前言 接上篇前端筆試題面試題記錄(上)。趁清明小長(zhǎng)假,把上篇剩下的部分也寫(xiě)一下,因?yàn)樽罱容^忙這篇已經(jīng)拖了很久了。現(xiàn)在剛剛開(kāi)始銀四了,應(yīng)該還是有些小伙伴在找工作,時(shí)間還不算太晚,希望本篇可以幫到這些小伙伴。 個(gè)人博客了解一下:obkoro...
摘要:前言接上篇前端筆試題面試題記錄上。默認(rèn)值,不脫離文檔流,,,,等屬性不生效。。不脫離文檔流,依據(jù)自身位置進(jìn)行偏離,當(dāng)子元素設(shè)置,將依據(jù)它進(jìn)行偏離。。 前言 接上篇前端筆試題面試題記錄(上)。趁清明小長(zhǎng)假,把上篇剩下的部分也寫(xiě)一下,因?yàn)樽罱容^忙這篇已經(jīng)拖了很久了。現(xiàn)在剛剛開(kāi)始銀四了,應(yīng)該還是有些小伙伴在找工作,時(shí)間還不算太晚,希望本篇可以幫到這些小伙伴。 個(gè)人博客了解一下:obkoro...
摘要:類型的和是,空字符串也是,所有的對(duì)象都是即使是空對(duì)象也是。六普通類型原始對(duì)象和包裝對(duì)象的轉(zhuǎn)換某些場(chǎng)合,原始類型的值會(huì)自動(dòng)當(dāng)作包裝對(duì)象調(diào)用,即調(diào)用包裝對(duì)象的屬性和方法。第三重新給變量賦值且值是對(duì)象類型,此時(shí)會(huì)在堆內(nèi)存保存的值。 一、數(shù)據(jù)類型轉(zhuǎn)換:JS是一門(mén)動(dòng)態(tài)類型的語(yǔ)言,變量數(shù)據(jù)類型沒(méi)有限制,可以隨時(shí)賦值,但是運(yùn)算時(shí)是對(duì)數(shù)據(jù)類型有要求的,如果運(yùn)算類型不符,js會(huì)自動(dòng)強(qiáng)制轉(zhuǎn)換類型后再進(jìn)行計(jì)...
摘要:沒(méi)有找到的話,看上級(jí)函數(shù)作用域,向上查找到,找到為止。將會(huì)在執(zhí)行上下文棧中保留上級(jí)作用域的執(zhí)行上下文。若在閉包使用完畢之后不手動(dòng)解除引用,相關(guān)執(zhí)行上下文將會(huì)一直保留于執(zhí)行上下文棧中,占據(jù)內(nèi)存空間,若持續(xù)積累,容易造成內(nèi)存泄漏。 JS有哪些基本數(shù)據(jù)類型呢? 值類型:undefined, Number, Boolean, String,null 引用類型:Object 值類型存放在棧中 引...
摘要:的數(shù)據(jù)類型,共有七種數(shù)值整數(shù)和小數(shù)比如和。布爾值表示真?zhèn)蔚膬蓚€(gè)特殊值,即真和假。符號(hào)其中是新增的基本數(shù)據(jù)類型,本文僅介紹前六種。轉(zhuǎn)換規(guī)則是除了或空字符串六個(gè)值被轉(zhuǎn)為,其他值都視為。屬性對(duì)象的每一個(gè)鍵名又稱為屬性,它的鍵值可以是任何數(shù)據(jù)類型。 一、簡(jiǎn)介 JavaScript 語(yǔ)言的每一個(gè)值,都屬于某一種數(shù)據(jù)類型。JavaScript 的數(shù)據(jù)類型,共有七種: 數(shù)值(number):整數(shù)和...
閱讀 1948·2021-11-24 10:45
閱讀 1452·2021-11-18 13:15
閱讀 4524·2021-09-22 15:47
閱讀 3902·2021-09-09 11:36
閱讀 2006·2019-08-30 15:44
閱讀 3081·2019-08-29 13:05
閱讀 2495·2019-08-29 12:54
閱讀 1986·2019-08-26 13:47