用Object.prototype.toString.call(obj)檢測對象類型原因分析

這是一個十分常見的問題，用 typeof 是否能準確判斷一個對象變量，答案是否定的，null 的結(jié)果也是 object，Array 的結(jié)果也是 object，有時候我們需要的是 "純粹" 的 object 對象。如何避免呢？比較好的方式是：

建網(wǎng)站原本是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁設(shè)計師等，應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計技術(shù)配合操作的協(xié)同工作。創(chuàng)新互聯(lián)建站專業(yè)提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作,網(wǎng)頁設(shè)計,網(wǎng)站制作(企業(yè)站、響應(yīng)式網(wǎng)站開發(fā)、電商門戶網(wǎng)站)等服務(wù),從網(wǎng)站深度策劃、搜索引擎友好度優(yōu)化到用戶體驗的提升,我們力求做到極致!

console.log(Object.prototype.toString.call(obj) === "[object Object]");

使用以上方式可以很好的區(qū)分各種類型：

（無法區(qū)分自定義對象類型，自定義類型可以采用instanceof區(qū)分）

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]

為什么這樣就能區(qū)分呢？于是我去看了一下toString方法的用法：toString方法返回反映這個對象的字符串。

那為什么不直接用obj.toString()呢？

console.log("jerry".toString());//jerry
console.log((1).toString());//1
console.log([1,2].toString());//1,2
console.log(new Date().toString());//Wed Dec 21 2016 20:35:48 GMT+0800 (中國標準時間)
console.log(function(){}.toString());//function (){}
console.log(null.toString());//error
console.log(undefined.toString());//error

同樣是檢測對象obj調(diào)用toString方法（關(guān)于toString()方法的用法的可以參考toString的詳解），obj.toString()的結(jié)果和Object.prototype.toString.call(obj)的結(jié)果不一樣，這是為什么？

這是因為toString為Object的原型方法，而Array ，function等類型作為Object的實例，都重寫了toString方法。不同的對象類型調(diào)用toString方法時，根據(jù)原型鏈的知識，調(diào)用的是對應(yīng)的重寫之后的toString方法（function類型返回內(nèi)容為函數(shù)體的字符串，Array類型返回元素組成的字符串.....），而不會去調(diào)用Object上原型toString方法（返回對象的具體類型），所以采用obj.toString()不能得到其對象類型，只能將obj轉(zhuǎn)換為字符串類型；因此，在想要得到對象的具體類型時，應(yīng)該調(diào)用Object上原型toString方法。

我們可以驗證一下，將數(shù)組的toString方法刪除，看看會是什么結(jié)果：

var arr=[1,2,3];console.log(Array.prototype.hasOwnProperty("toString"));//true
console.log(arr.toString());//1,2,3
delete Array.prototype.toString;//delete操作符可以刪除實例屬性
console.log(Array.prototype.hasOwnProperty("toString"));//false
console.log(arr.toString());//"[object Array]"

刪除了Array的toString方法后，同樣再采用arr.toString()方法調(diào)用時，不再有屏蔽Object原型方法的實例方法，因此沿著原型鏈，arr最后調(diào)用了Object的toString方法，返回了和Object.prototype.toString.call(arr)相同的結(jié)果。

文章標題：用Object.prototype.toString.call(obj)檢測對象類型原因分析
轉(zhuǎn)載源于：http://bm7419.com/article38/gejgsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、關(guān)鍵詞優(yōu)化、電子商務(wù)、商城網(wǎng)站、品牌網(wǎng)站建設(shè)、全網(wǎng)營銷推廣

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容