toString()和valueOf()之間的區(qū)別

toString()和valueOf()都是對(duì)象的方法。toString()方法返回反映這個(gè)對(duì)象的字符串。valueOf()方法如果存在任意原始值,它就默認(rèn)將對(duì)象轉(zhuǎn)換為表示它的原始值;對(duì)象是復(fù)合值,而大多數(shù)對(duì)象無(wú)法真正表示為一個(gè)原始值,因此默認(rèn)的valueOf()方法簡(jiǎn)單地返回對(duì)象本身,而不是返回一個(gè)原始值。

【1】undefined和null沒(méi)有toString()和valueOf()方法

undefined.toString();//錯(cuò)誤
null.toString();//錯(cuò)誤
undefined.valueOf();//錯(cuò)誤
null.valueOf();//錯(cuò)誤

【2】布爾型類型

true.toString();//'true'
false.toString();//'false'
Boolean.toString();//"function Boolean() { [native code] }"
typeof Boolean.toString();//string
true.valueOf();//true
false.valueOf();//false
Boolean.valueOf();//Boolean() { [native code] }
typeof Boolean.valueOf();//'function'

【3】字符串類型

'1'.toString();//'1'
''.toString();//''
'abc'.toString();//'abc'
String.toString();//"function String() { [native code] }"
'1'.valueOf();//'1'
''.valueOf();//''
'abc'.valueOf();//'abc'
String.valueOf();//String() { [native code] }
typeof String.valueOf();//'function'

【4】數(shù)值類型

Number.toString();//"function Number() { [native code] }"
toString()對(duì)于數(shù)值的轉(zhuǎn)換,會(huì)直接轉(zhuǎn)換成字符串,如果數(shù)值前面有(+)則會(huì)省略。
整數(shù)直接跟上.toString()形式,會(huì)報(bào)錯(cuò),提示無(wú)效標(biāo)記,因?yàn)檎麛?shù)后的點(diǎn)會(huì)被識(shí)別為小數(shù)點(diǎn)
0.toString();//Uncaught SyntaxError: Invalid or unexpected token
可以這樣寫:
(0).toString();//'0'
Number.valueOf();//Number() { [native code] }
typeof Number.valueOf();//'function'
[注意]-0的valueOf()值是-0,而-0的toString()值是'0'
對(duì)于數(shù)值的注意寫法同上

【5】對(duì)象Object類型及自定義對(duì)象類型

{}.toString();//報(bào)錯(cuò),Unexpected token .
({}).toString();//[object Object]
({a:123}).toString();//[object Object]
Object.toString();//"function Object() { [native code] }"
function Person(){
    this.name = 'test';
}
var person1 = new Person();
person1.toString();//"[object Object]"

常常使用Object.prototype.toString()來(lái)進(jìn)行類型識(shí)別,返回代表該對(duì)象的[object 數(shù)據(jù)類型]字符串表示

[注意]Object.prototype.toString()可以識(shí)別標(biāo)準(zhǔn)類型及內(nèi)置對(duì)象類型,但不能識(shí)別自定義類型

console.log(Object.prototype.toString.call("jerry"));//[object String]
console.log(Object.prototype.toString.call(12));//[object Number]
console.log(Object.prototype.toString.call(true));//[object Boolean]
console.log(Object.prototype.toString.call(undefined));//[object Undefined]
console.log(Object.prototype.toString.call(null));//[object Null]
console.log(Object.prototype.toString.call({name: "jerry"}));//[object Object]

console.log(Object.prototype.toString.call(function(){}));//[object Function]
console.log(Object.prototype.toString.call([]));//[object Array]
console.log(Object.prototype.toString.call(new Date));//[object Date]
console.log(Object.prototype.toString.call(/\d/));//[object RegExp]
function Person(){};
console.log(Object.prototype.toString.call(new Person));//[object Object]

除了類型識(shí)別之外,還可以進(jìn)行其他識(shí)別,如識(shí)別arguments或DOM元素

(function(){
    console.log(Object.prototype.toString.call(arguments));//[object Arguments]
})()
console.log(Object.prototype.toString.call(document));//[object HTMLDocument]
valueOf()
{}.valueOf();//報(bào)錯(cuò),Unexpected token .
({}).valueOf();//Object{}
typeof ({}).valueOf();//'object'
({a:123}).valueOf();//Object{a:123}
Object.valueOf();//Object() { [native code] }
typeof Object.valueOf();//'function'

function Person(){
    this.name = 'test';
}
var person1 = new Person();
person1.valueOf();//Person {name: "test"}

【6】函數(shù)Function類型

toString()
函數(shù)Function類型返回函數(shù)代碼,當(dāng)我們對(duì)一個(gè)自定義函數(shù)調(diào)用toString()方法時(shí),可以得到該函數(shù)的源代碼;如果對(duì)內(nèi)置函數(shù)使用toString()方法時(shí),會(huì)得到一個(gè)'[native code]'字符串。因此,可以使用toString()方法來(lái)區(qū)分自定義函數(shù)和內(nèi)置函數(shù)

function test(){
    alert(1);//test
}
test.toString();/*"function test(){
                    alert(1);//test
                  }"*/
Function.toString();//"function Function() { [native code] }"

valueOf()
函數(shù)Function類型返回原函數(shù)

function test(){
    alert(1);//1
}
test.valueOf();/*function test(){
                    alert(1);//1
                  }*/
Function.valueOf();//Function() { [native code] }

【7】數(shù)組Array類型

toString()
數(shù)組Array類型返回由數(shù)組中每個(gè)值的字符串形式拼接而成的一個(gè)以逗號(hào)分隔的字符串

[].toString();//''
[1].toString();//'1'
[1,2,3,4].toString();//'1,2,3,4'
Array.toString();//"function Array() { [native code] }"

valueOf()
數(shù)組Array類型返回原數(shù)組

[].valueOf();//[]
[1].valueOf();//[1]
[1,2,3,4].valueOf();//[1,2,3,4]
Array.valueOf();//Array() { [native code] }

【8】時(shí)間Date類型

toString()
時(shí)間Date類型返回表示當(dāng)前時(shí)區(qū)的時(shí)間的字符串表示

(new Date()).toString();//"Sun Jun 10 2017 10:04:53 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)"
Date.toString();//"function Date() { [native code] }"

valueOf()
和其他對(duì)象不同,時(shí)間Date類型返回一個(gè)數(shù)字值,它是當(dāng)前時(shí)間值

Date.now();//1465115123742
(new Date()).valueOf();//1465115123742
typeof (new Date()).valueOf();//'number'
Date.valueOf();//Date() { [native code] }

【9】正則表達(dá)式RegExp類型

toString()
正則表達(dá)式RegExp類型返回正則表達(dá)式字面量的字符串表示

/ab/i.toString();//'/ab/i'
/mom( and dad( and baby)?)?/gi.toString();//'mom( and dad( and baby)?)?/gi'
RegExp.toString();//"function RegExp() { [native code] }"

valueOf()
正則表達(dá)式RegExp類型返回原正則對(duì)象

/ab/i.valueOf();///ab/i
/mom( and dad( and baby)?)?/gi.valueOf();//mom( and dad( and baby)?)?/gi
RegExp.valueOf();//RegExp() { [native code] }

錯(cuò)誤Error類型

Error.toString();//"function Error() { [native code] }"
RangeError.toString();//"function RangeError() { [native code] }"
ReferenceError.toString();//"function ReferenceError() { [native code] }"
SyntaxError.toString();//"function SyntaxError() { [native code] }"
TypeError.toString();//"function TypeError() { [native code] }"
URIError.toString();//"function URIError() { [native code] }"
Error.valueOf();//Error() { [native code] }
RangeError.valueOf();//RangeError() { [native code] }
ReferenceError.valueOf();//ReferenceError() { [native code] }
SyntaxError.valueOf();//SyntaxError() { [native code] }
TypeError.valueOf();//TypeError() { [native code] }
URIError.valueOf();//URIError() { [native code] }

總結(jié)

1、toString()和valueOf()的主要不同點(diǎn)在于,toString()返回的是字符串,而valueOf()返回的是原對(duì)象

2、由于undefined和null不是對(duì)象,所以它們toString()和valueOf()兩個(gè)方法都沒(méi)有

3、數(shù)值Number類型的toString()方法可以接收轉(zhuǎn)換基數(shù),返回不同進(jìn)制的字符串形式的數(shù)值;而valueOf()方法無(wú)法接受轉(zhuǎn)換基數(shù)

4、時(shí)間Date類型的toString()方法返回的表示時(shí)間的字符串表示;而valueOf()方法返回的是現(xiàn)在到1970年1月1日00:00:00的數(shù)值類型的毫秒數(shù)

5、包裝對(duì)象的valueOf()方法返回該包裝對(duì)象對(duì)應(yīng)的原始值

6、使用toString()方法可以區(qū)分內(nèi)置函數(shù)和自定義函數(shù)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,119評(píng)論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,382評(píng)論 3 415
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人,你說(shuō)我怎么就攤上這事。” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 176,038評(píng)論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 62,853評(píng)論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,616評(píng)論 6 408
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 55,112評(píng)論 1 323
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,192評(píng)論 3 441
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 42,355評(píng)論 0 288
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,869評(píng)論 1 334
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,727評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,928評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,467評(píng)論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,165評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 34,570評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 35,813評(píng)論 1 282
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,585評(píng)論 3 390
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,892評(píng)論 2 372

推薦閱讀更多精彩內(nèi)容

  • 第5章 引用類型(返回首頁(yè)) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,261評(píng)論 0 4
  • 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的 JavaScript 類型 使用基本類型和基本包裝類型 引用類型的...
    悶油瓶小張閱讀 692評(píng)論 0 0
  • 吐槽《不動(dòng)產(chǎn)登記暫行條例實(shí)施細(xì)則》 1月15日,國(guó)土資源部官網(wǎng)全文發(fā)布《不動(dòng)產(chǎn)登記暫行條例實(shí)施細(xì)則》。相比去年《不...
    捉放曹閱讀 2,488評(píng)論 0 1
  • 哈哈哈哈哈哈
    鏗鏗鏗肯閱讀 150評(píng)論 0 0
  • 老樹(shù)發(fā)新葉 石斛著微花 鐵姓共一家 緣結(jié)去年夏
    樂(lè)善散閱讀 120評(píng)論 4 3