Javascript 类型判定

最近我在学习javascript的框架设计，写此文章的内容也就是为了复习知识。很早就打算写博客了，一直没有这个习惯。如今呢，就当写博客监督自己学习了。处女博客，哈哈~~。

Javascript自带两套类型：基本数据类型（undefined，string，null，boolean，function，object）和对象类型，但是Javascript对于这两套类型的检测机制非常的不靠谱，举个例子来说：

上面都尝试用typeof 来检测数据类型，但是都一律返回"object"并不能加以区分，甚至连通过构造函数Number()产生的对象都不能正确识别，说明typeof不能检查复杂的数据类型，以及特殊用途的对象（正则表达式，日期等）

这时尝试用 constructor 属性来检测类型的构造函数，从而区分这些对象：

可以看到，用construct检测可以完成大多数的类型检测，null特殊直接比较。然而iframe中的数组类型确无法检测出正确类型，这是用construct检测的一个缺陷；同时在旧版本IE下DOM和BOM的construct是无法访问的，这导致该方法失效。

一、 利用 Object.prototype.toString 来判断：

利用Object.prototype.toString 可以轻松的实现数据类型的判断，例如：

Object.prototype.toString.call([])  //"[object Array]"

Object.prototype.toString.call(/\d/)  // "[object RegExp]"

Object.prototype.toString.call(1)//"[object Number]"

这里采用Object的toString方法是因为不同对象都会重新定义自己的toString方法。使用该方法检测数据类型也是目前主流js框架的通用方法。查看jQuery源代码中：

代码首先构造class2type存储常用类型的映射关系，遍历基本类型并赋值，键值为 [object 类型]，之后type函数为判断类型，首先如果是null则返回null字符串，接着判断给定参数类型是否为object或者function是的话在映射表中寻找 toString后的键值名称并返回，不是的话利用typeof就可以得到正确类型。

在其他的框架中，同样采用该方式判定类型，只不过有的是isXXX类的函数为没有像jQuery.type的方法了。

二、 一些特殊类型的检测：

通常情况下Object.prototype.toString都能很好的完成任务，但是万恶的旧版本IE缺有bug存在：如图IE8调试台下：

这主要是因为undefined 在javascript中并不是关键字，在IE8以下（之后的版本不可以赋值）是可以赋值的，查看jQuery.type源码可知，对于undefined检测由是 typeof undefined完成的。jQuery.type并不能在旧的IE中检测出undefined的正确性。想要获得纯净的undefined可以使用void 0 

对于DOM，BOM对象在旧的IE中使用Objec.prototype.toString检测出来的值均为 “[object Object]”

chrome下：

jQuery.type检测均为 “object”，jQuery中仅处理了window对象 isWindow，和一个isPlainObject用来检测对象是否是js纯净的对象（{}，new Object()声明的）

检测window对象：ECMA规定window为全局对象global，且global.window === global

判断纯净的对象：判断它最近的原形对象是否含有isPrototypeOf属性

mass Framework中，将可能出现的类型都映射在了class2type对象中，从而减少isXXX函数，对DOM，BOM对象采用nodeType（单一）和item（节点集合）进行判断

mass.js中的type已经十分全面了，非常有用

三、类数组：

类数组是一类特殊的数据类型存在，他们本身类似Array但是又不能使用Array的方法，他们有一个明显的特点就是含有length属性，而且键值是以整数有序的排列的。这样的数组可以通过 Array.slice() 这样的方法转换成真正的数组，从而使用Array提供的方法。

常见类数组：arguments，document.forms，document.getElementsByClassName(等一些列节点集合NodeList，HTMLCollection)，或者是一些特殊对象：

var arrayLike={     0:"a",     1:"b",     2:"c",     length:3}

通常情况下通过Array.slice.call既可以转换类数组，但是旧IE的HTMLCollection，NodeList不是Object的子类，不能使用该方法，这时候需要构建一个空数组，然后将遍历节点push就如空数组中，返回新生成的数组即可，同时要区别出window 和 string对象，因为这类的对象同样含有length>=0（length不可被修改），但是不是类数组。看一下各插件的源码：

其中mass.js直接复写Array.slice的方法实现类数组转换。

附上参考上述内容，写的一个方法：

以上js基本数据类型检测方法都在这里了。写着玩的~~