JavaScript类型检测汇总

    曾经我以为JavaScript中的类型检测只要使用 typeof 或 instanceof 就可以通通解决。后来我发现我是too young too naive啊！早说过JavaScript是个不严密，有缺陷的语言，通过类型检测才深深地领悟到这一点。接下来我就来剖析下这里面的漏洞及最靠谱的检测方法吧！

一、typeof运算符

    相信很多同学还跟我曾经以为的一样，typeof操作符只是判断对象类型上不太靠谱，它还是可以用来检测原始值类型的，比如数字、字符串、布尔型。但看了下面的例子你就不这么认为了。

typeof 'foo'                 //  'string'
typeof new String('foo')     // 'object'

typeof 2                    // 'number'
typeof new Number(2)        // 'object'

typeof true                // 'boolean'
typeof new Boolean(true)   // 'object'

 

    看出来了么，都是同样的值，如果用构造函数来创建原始值那么用typeof检测的结果就都是’object’！这显然不是我们想要的结果。

二、instanceof运算符

    那有人说了，typeof沦陷了，我们还有instanceof啊，可是别忘了 instanceof本质上是检测引用类型的原型链的，所以对原始值就根本没有作用。例如：

'foo' instanceof String     // false
'foo' instanceof Object     // false

new String('foo') instanceof String   //true
new String('foo') instanceof Object   //true

 

    看到了吧，还是不靠谱。

    好吧，让instanceof做不属于它的工作是对它不太公平啦！那让它检测引用类型呢？其实它检测引用类型也有一个严重的限制： 不能跨帧使用。

    假设一个浏览器帧A（frame A）里的一个对象被传入到帧B（frame B）中，两个帧中都定义了Person构造函数，如果来自帧A 的对象是帧A 中Person的实例，则有：

personA instanceof frameAPerson   //true
personA instanceof frameBPerson   //false  

 

    因为每个帧都有Person的拷贝，它被认为是该帧中的Person的拷贝实例，尽管两个定义是一样的。

    同样的问题也出现在其他两个非常重要的内置类型中：数组和函数，所以检测这两个内置类型一般不用instanceof。

    而且instanceof对于对象的整个原型链都能检测到，例如：

var now = new Date();

now instanceof Date;    //true
now instanceof Object;  //true

    因此，用instanceof检测某一对象是否属于特定类型并非最佳。

三、最佳方法

    typof和instanceof已经都被否决了，那么最靠谱的检测方法是什么呢？

    对于JS的内部类型如Number, String, Boolean, Array, Function, Object, RegExp, Date, Error, Math, JSON可以调用Object的内部方法toString， 它可以返回一下格式的信息：’[object ‘+ type + ‘]’,例如：

Object.prototype.toString.call('foo') === '[object String]';  //true
Object.prototype.toString.call([1,2,3]) === '[object Array]'; //true

 

    用这个方法判断以上给出的类型，不管任何浏览器都会返回一样的格式，而且满足跨帧要求。