jQuery中的类型判断

在JQuery中有一个type方法，在1.11.2中是这样写的

 1 var class2type = {};

 2 var toString = class2type.toString;

 3 jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {

 4     class2type[ "[object " + name + "]" ] = name.toLowerCase();

 5 });

 6 type: function( obj ) {

 7     if ( obj == null ) {

 8         return obj + "";

 9     }

10     return typeof obj === "object" || typeof obj === "function" ?

11         class2type[ toString.call(obj) ] || "object" :

12         typeof obj;

13 }

　　 其核心在于使用Array.prototype.toString.call，因为在任何值上调用Object原生的toString()方法，都会返回一个[object NativeConstructorName]格式的字符串。每个类在内部都有一个[[Class]]属性，这个属性中就指定了上述字符串中的构造函数名。

　　之所以这样做是因为js内置的类型检测机制并非完全的可靠。

　　例如，typeof null  输出“object”

　　　　   typeof alert 在IE8中输出“object”

　　　　　typeof [] 输出“object”

　　instanceof如果是跨文档比较的话，就会存在很大的问题。利用constructor属性的话，在低版本IE中又会出现问题（window.constructor在IE7下为undefined）。而且，二者不方便判断基本类型。

　　所以说，判断是否是函数，数组就可以这样写

1 isFunction: function( obj ) {

2     return jQuery.type(obj) === "function";

3 },

4 

5 isArray: Array.isArray || function( obj ) {

6     return jQuery.type(obj) === "array";

7 },

　　奇怪的是判断是否为window

1 isWindow: function( obj ) {

2     return obj != null && obj == obj.window;

3 },

　　似乎伪装一下也能骗过去，可能是因为window对象属于BOM，前面的方法对它不管用。

　　然后是isPlainObject,2.0.1中这样写。

 1 isPlainObject: function( obj ) {

 2         // Not plain objects:

 3         // - Any object or value whose internal [[Class]] property is not "[object Object]"

 4         // - DOM nodes

 5         // - window

 6         if ( jQuery.type( obj ) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {

 7             return false;

 8         }

 9 

10         // Support: Firefox <20

11         // The try/catch suppresses exceptions thrown when attempting to access

12         // the "constructor" property of certain host objects, ie. |window.location|

13         // https://bugzilla.mozilla.org/show_bug.cgi?id=814622

14         try {

15             if ( obj.constructor &&

16                     !core_hasOwn.call( obj.constructor.prototype, "isPrototypeOf" ) ) {

17                 return false;

18             }

19         } catch ( e ) {

20             return false;

21         }

22 

23         // If the function hasn't returned already, we're confident that

24         // |obj| is a plain object, created by {} or constructed with new Object

25         return true;

26     }

　　这里的PlainObject应该是如{}，new Object，这样的对象。

　　第一个if可以排除非Object对象，dom节点，window。

　　第二个if是可以排除window.location这样的BOM对象。

　　其中，

　　class2type = {},

　　core_hasOwn = class2type.hasOwnProperty

　　因为这些BOM对象的构造函数的原型肯定不是Object {}，自身是没有isPrototypeOf这个属性的。

　　然后是判断空对象，也就是没有可枚举属性的对象。

1 isEmptyObject: function( obj ) {

2     var name;

3     for ( name in obj ) {

4         return false;

5     }

6     return true;

7 }

　　还有一个函数是用来判断是否是数字，

//1.11.2

isNumeric: function( obj ) {

    return !jQuery.isArray( obj ) && (obj - parseFloat( obj ) + 1) >= 0;

},

　　向parseFloat中传个数组，如[2,4],返回2，但是数组参加右边的运算结果肯定是false，不知道为什么要先判断是否是数组。

　　这里如果传入一个如'123'、'321'这样的字符串的话也是可以通过的。

　　在1.8.0和2.0.1版本中直接就是!isNaN( parseFloat(obj) ) && isFinite( obj ).