发布于 2014-10-31 03:18:56 | 192 次阅读 | 评论: 0 | 来源: 网友投递
jQuery javascript框架
jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。
本文为大家讲解的是jQuery.isArray方法使用说明，isarray从字面上就可以看出来是用来判断某个对象是否是数组，感兴趣的同学参考下。
jQuery.isArray方法应于判断是不是数组，是的话返回true,否则返回false。调用如：jQuery.isArray([])，返回true。其实现源码如下：
isArray: Array.isArray || function( obj ) {
return jQuery.type(obj) === "array";
}
我们看到它的主要逻辑是先看浏览器支不支持Array.isArray方法，如果不支持则调应jQuery自己的jQuery.type方法，看其返回值是不是"array"。
firefox、chrome、IE9及以上的浏览器都支持Array.isArray方法。其它浏览器就需要jQuery.type的帮忙了，jQuery.type的源码如下：
type: function( obj ) {
if ( obj == null ) {
return obj + "";
}
return typeof obj === "object" || typeof obj === "function" ?
class2type[ toString.call(obj) ] || "object" :
typeof obj;
}
代码中的if好理解，如果传入的null则返回“null”字符串。
return 后面的代码结构上看起来比较乱。我们整理如下：
return ( typeof obj === "object" || typeof obj === "function" ) ? ( class2type[ toString.call(obj) ] || "object" ) : typeof obj;
现在清楚多了，它是判断( typeof obj === "object" || typeof obj === "function" )的值是不是真，如果是真则返回 ( class2type[ toString.call(obj) ] || "object" )，反之则返回 typeof obj。
所以当传入的是字符串，数字，undefined的时直接返回 typeof obj。当传入的是对象、数组、函数时则直接返回 ( class2type[ toString.call(obj) ] || "object" )。现在主要看看class2type[ toString.call(obj) ]的实现：
var class2type = {};
var toString = class2type.toString;
jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
class2type[ "[object " + name + "]" ] = name.toLowerCase();
});
jQuery定义了class2type的一个对象，并将其初始化为如下的格式：
{
"[object Array]" : "array",
"[object Boolean]" : "boolean",
"[object Date]" : "date",
"[object Error]" : "error",
"[object Function]" : "function",
"[object Number]" : "number",
"[object Object]" : "object",
"[object RegExp]" : "regexp",
"[object String]" : "string"
}
toString方法的返回值正好是class2type对象的key值。所以class2type[ toString.call(obj) ]正好得到我们需要的返回类型字符串。