Object.prototype.toString.call() 為什么有用?

Object.prototype.toString.call(obj) 可以用來檢測傳入?yún)?shù)的數(shù)據(jù)類型,最常見的就是用來檢測數(shù)組。你是否有被問過怎樣判斷一個(gè)數(shù)據(jù)是否是數(shù)組類型?這樣的問題,如果你回答的是typeof,那就得抓把緊多學(xué)學(xué)了。

這里我就不介紹所有可以判斷數(shù)組類型的方法了,我只說Object.prototype.toString.call()這一種方法,因?yàn)樗屓擞X得有點(diǎn)奇怪。

使用 Object.prototype.toString.call() 判斷數(shù)組類型

使用方法很簡單,舉個(gè)例子:

var arr = [1, 2, 3]
console.log(Object.prototype.toString.call(arr)) // [object Array]

當(dāng)我第一次知道可以這樣判斷數(shù)組類型時(shí),我就覺得很奇怪,為什么要用這么奇怪的方法呢?當(dāng)時(shí)的我并沒有深究,只是記住了這個(gè)方法,但回過頭來再仔細(xì)想想,這樣的方法是有它的道理的。這段語法的意思是Object這個(gè)對象的原型鏈上的toString()方法執(zhí)行在arr這個(gè)上下文中,這里讓人疑惑的就是為什么要用Object上的toString()方法,因?yàn)閿?shù)組本身也有toString()。要了解其原理,我們可能要先了解一下toString()這個(gè)方法。

toString()

從字面上的意思就可以看出它可以將數(shù)據(jù)轉(zhuǎn)換為字符串,但將各類型的數(shù)據(jù)轉(zhuǎn)換為字符串的方式又不一樣,如下:

var num = 123
num.toString() // '123'

var str = 'hello'
str.toString() // 'hello'

var bool = false
bool.toString() // 'false'

var arr = [1, 2, 3]
arr.toString()  // '1,2,3'

var obj = {lang:'zh'}
obj.toString()  // '[object Object]'

var fn = function(){}
fn.toString()  // 'function(){}'

null.toString()  // Cannot read property 'toString' of null

undefined.toString() // Cannot read property 'toString' of undefined

以上是各數(shù)據(jù)類型使用toString()方法轉(zhuǎn)換為字符串的結(jié)果,除了nullundefined不能轉(zhuǎn)換以外,其他數(shù)據(jù)都有自己的方式變?yōu)樽址?/p>

其實(shí)toString是對象上的方法,每一個(gè)對象上都有這個(gè)方法,那就意味著數(shù)字字符串布爾值這些基本數(shù)據(jù)類型不能使用toString()方法,但上例中的基本數(shù)據(jù)類型卻是可以使用,這要?dú)w功于javascript中的包裝類,即Number、StringBoolean。原始值不能有屬性和方法,當(dāng)要使用toString()方法時(shí),會先將原始值包裝成對象再使用。

所以現(xiàn)在可以知道,上例中使用到的toString()方法分別屬于Number、StringBooleanArray、ObjectFunction這些類。我們又知道在JavaScript中,所有類都繼承自Object,既然是繼承,那么toString()方法理應(yīng)也被繼承了,但看上例中的結(jié)果,顯然toString()并沒有被繼承,不然所有的輸出結(jié)果應(yīng)該都類似于'[object Object]'這樣。

其實(shí)各數(shù)據(jù)類型使用toString()后的結(jié)果表現(xiàn)不一的原因在于:所有類在繼承Object的時(shí)候,改寫了toString()方法。原始Object上的toString()方法是可以輸出數(shù)據(jù)類型的,如上例中的'[object Object]'這個(gè)結(jié)果,所以當(dāng)我們想要判斷數(shù)據(jù)類型時(shí),必須使用Object上的toString()方法。

驗(yàn)證

上面解釋了為什么要使用Object上的toString()方法來判斷數(shù)據(jù)類型,是因?yàn)槠渌惿系?code>toString()方法被改寫了。為了加深理解,我們可以舉個(gè)例子驗(yàn)證一下:

// 定義一個(gè)數(shù)組
var arr = [1, 2, 3]

// 數(shù)組原型上是否具有 toString() 方法
console.log(Array.prototype.hasOwnProperty('toString')) //true

// 數(shù)組直接使用自身的 toString() 方法
console.log(arr.toString()) // '1,2,3'

// delete操作符刪除數(shù)組原型上的 toString()
delete Array.prototype.toString

// 刪除后,數(shù)組原型上是否還具有 toString() 方法
console.log(Array.prototype.hasOwnProperty('toString')) //false

// 刪除后的數(shù)組再次使用 toString() 時(shí),會向上層訪問這個(gè)方法,即 Object 的 toString()
console.log(arr.toString()) // '[object Array]'

當(dāng)我們刪除了Array自己的toString()方法后,再次使用時(shí)會向上查找這個(gè)方法,即ObjecttoString(),這是原型鏈的知識。

至此,總算整明白了Object.prototype.toString.call()為什么要這么用。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容