Object.prototype.toString.call(obj)的功能
可能作为程序员以及即将迈入程序员门槛的小伙伴都知道Object.prototype.toString.call(obj)方法，功能简单但是确是类型检测界的“扛把子”。
首先来讲，对刚接触的人来说，我们为什么要使用这种奇怪的方法呢？typeof也可以检测类型，然而它有什么优势？我们来引入一道JavaScript的题目来参考：
使用 typeof bar === "object" 检测 变量“bar”是否为对象有什么缺点？如何避免？
缺点很明确，typeof可以准确的检测bar是否为对象吗？答案是否定的。Array null…检测出来也均为object，因此规避方法还是要用到本文所提方法。接下来我们进行测试
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]
这即是此方法的用处，它可以精准判断所传入参数的数据类型。
它是如何做到的呢？接下来让我们一起来探讨一下其原理
Object.prototype.toString.call(obj)类型检测原理
此方法为什么能检测数据类型呢？起初我也很奇怪，只是记住了此方法，并未深究，今天让我们来一探究竟。
首先，这句话的意思是让我们用Object原型上的toString方法作用在传入的obj的上下文中（通过call将this指向obj），那么我们知道数组本身也有toString()方法，那我们为什么非要用Object上的呢？
首先，让我们再来看一下toString()方法:
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
toString:由名字可以看出此方法是将传入的数据类型转换成字符串输出（null和undefined除外）
我们再来看一下Object以及其原型上的toString方法
Object.toString()//"function Object() { [native code] }"
Object.prototype.toString()//"[object Object]"
Object输出的是其函数体"function Object() { [native code] }"而Object上输出的是其类型。我们可以看出Object对象和它的原型链上各自有一个toString()方法，第一个返回的是一个函数，第二个返回的是值类型。
接下来让我们看一个表格：
| 数据类型 | 例子 | return |
|---|---|---|
| 字符串 | “foo”.toString() | “foo” |
| 数字 | 1.toString() | Uncaught SyntaxError: Invalid or unexpected token |
| 布尔值 | false.toString() | “false” |
| undefined | undefined.toString() | Uncaught TypeError: Cannot read property ‘toString’ of undefined |
| null | null.toString() | Uncaught TypeError: Cannot read property ‘toString’ of null |
| String | String.toString() | “function String() { [native code] }” |
| Number | Number.toString() | “function Number() { [native code] }” |
| Boolean | Boolean.toString() | “function Boolean() { [native code] }” |
| Array | Array.toString() | “function Array() { [native code] }” |
| Function | Function.toString() | “function Function() { [native code] }” |
| Date | Date.toString() | “function Date() { [native code] }” |
| RegExp | RegExp.toString() | “function RegExp() { [native code] }” |
| Error | Error.toString() | “function Error() { [native code] }” |
| Promise | Promise.toString() | “function Promise() { [native code] }” |
| Obejct | Object.toString() | “function Object() { [native code] }” |
| Math | Math.toString() | “[object Math]” |
这就是各种数据类型调用toString()方法的返回值，由此我们看出不同的数据类型都有其自身toString()方法。所以上述toString()方法来自于Number、String、Boolean…等等这些类。 |
||
我们又知道，在JavaScript中，所有类都继承于Object，因此toString()方法应该也被继承了，但由上述可见事实并不像我们想的那样，其实各数据类型使用toString()后的结果表现不一的原因在于：所有类在继承Object的时候，改写了toString()方法。 Object原型上的方法是可以输出数据类型的。因此我们想判断数据类型时，也只能使用原始方法。继而有了此方法：Object.prototype.toString.call(obj) |
接下来让我们进行验证
// 定义一个数组
var arr = [1, 2, 3]
// 数组原型上是否具有 toString() 方法
console.log(Array.prototype.hasOwnProperty('toString')) //true
// 数组直接使用自身的 toString() 方法
console.log(arr.toString()) // '1,2,3'
// delete操作符删除数组原型上的 toString()
delete Array.prototype.toString
// 删除后，数组原型上是否还具有 toString() 方法
console.log(Array.prototype.hasOwnProperty('toString')) //false
// 删除后的数组再次使用 toString() 时，会向上层访问这个方法，即 Object 的 toString()
console.log(arr.toString()) // '[object Array]'
当我们把Array自身的toString()方法删除之后，再次使用它时，由原型链它会向上查找这个方法，即Object的toString()，也便将Object上的toString()方法作用在数组上，得出其数据类型[object Array]
至此便透彻了Object.prototype.toString.call(obj)功能及原理。