Object.prototype.toString.call(obj) 與 obj.toStrin

bang590 發(fā)布于2019-08-21 17:11 / 1440人閱讀

摘要：判斷一個變量的類型通常使用這樣的方式也可以去判斷一個變量的類型，但問題在于不嚴謹。另外，不直接使用方法的原因，還有一個就是對象的方法有可能會被改寫。

判斷一個變量的類型 typeof

通常使用 typeof a; 這樣的方式也可以去判斷一個變量的類型，但問題在于不嚴謹。比如：

typeof null;   // object
typeof [];     // object

但有時候，我們需要的是更‘純粹’的對象，這個時候怎么辦呢？

Object.prototype.toString.call(obj)

使用如標(biāo)題那樣的方式可以更好的區(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]

美中不足的是，無法區(qū)分出自定義對象：

function Person(){};
console.log(Object.prototype.toString.call(new Person));    //[object Object]

但還有 instanceof

new Person()  insatnceof Person;   // true

為什么這樣可以區(qū)分呢？
因為toStirng方法返回一個變量（包含對象）的字符串表示方式。那既然這樣，為什么不直接使用obj.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 (中國標(biāo)準(zhǔn)時間)
console.log(function(){}.toString());//function (){}
console.log(null.toString());        //error
console.log(undefined.toString());   //error

同樣是檢測變量類型的方法，Object.prototype.toString.call(obj) 與 obj.toStirng 怎么會結(jié)果不一樣呢？

這是因為toString方法是Objectde 原型方法，而 Array， function等類型作為Object的實例（Function是Object的子類,function又是Function的實例），都繼承并重寫了toString方法，不同的對象類型的對象調(diào)用toStirng方法時，其實調(diào)用的是重回寫之后的toString方法，而不再去調(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é)果。

另外，不直接使用obj.toString方法的原因，還有一個就是obj對象的toString方法有可能會被改寫。