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é)果,除了null和undefined不能轉(zhuǎn)換以外,其他數(shù)據(jù)都有自己的方式變?yōu)樽址?/p>
其實(shí)toString是對象上的方法,每一個(gè)對象上都有這個(gè)方法,那就意味著數(shù)字、字符串和布爾值這些基本數(shù)據(jù)類型不能使用toString()方法,但上例中的基本數(shù)據(jù)類型卻是可以使用,這要?dú)w功于javascript中的包裝類,即Number、String和Boolean。原始值不能有屬性和方法,當(dāng)要使用toString()方法時(shí),會先將原始值包裝成對象再使用。
所以現(xiàn)在可以知道,上例中使用到的toString()方法分別屬于Number、String、Boolean、Array、Object和Function這些類。我們又知道在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è)方法,即Object的toString(),這是原型鏈的知識。
至此,總算整明白了Object.prototype.toString.call()為什么要這么用。