jQuery源码学习第三天jQuery的静态函数

今天学习jQuery的常见静态函数。看代码：

//通过extend方法将对象中的方法赋予jQuery对象
jQuery.extend({
    //交出$的控制权，假如我们需要使用jQuery 之外的另一js库，我们可以通过调用 $.noConflict() 向该库返回控制权。
    //通过向该方法传递参数true，我们可以将 $ 和 jQuery 的控制权都交还给另一js库
    noConflict: function( deep ) {},
    isReady: false,
    //一个计数器，用于跟踪在ready事件出发前的等待次数
    readyWait: 1,
    //继续等待或触发
    holdReady: function( hold ) {},
    //文档加载完毕句柄
    ready: function( wait ) {},
     //判断是不是函数
    isFunction: function( obj ) {},
    //判断是不是数组
    isArray: Array.isArray || function( obj ) {},
     //是否是window对象
    isWindow: function( obj ) {},
    isNumeric: function( obj ) {},
    type: function( obj ) {},
    isPlainObject: function( obj ) {},
    isEmptyObject: function( obj ) {},
    error: function( msg ) {},
    parseHTML: function( data, context, scripts ) {},
    parseJSON: function( data ) {},
    parseXML: function( data ) {},
    noop: function() {},
    globalEval: function( data ) {},
    camelCase: function( string ) {},
    nodeName: function( elem, name ) {},
    each: function( obj, callback, args ) {},
    makeArray: function( arr, results ) {},
    inArray: function( elem, arr, i ) {},
    merge: function( first, second ) {},
    grep: function( elems, callback, inv ) {},
    map: function( elems, callback, arg ) {},
    guid: 1,
    proxy: function( fn, context ) {},
    access: function( elems, fn, key, value, chainable, emptyGet, pass ) {},
    now: function() {}
});

包含了很多函数，比如判断是否是函数、数组、window对象，是否是plain对象，解析html、json、xml等。

1、交出$的控制权

    //交出$的控制权，假如我们需要使用jQuery 之外的另一js库，
    //我们可以通过调用 $.noConflict() 向该库返回控制权。
    noConflict: function( deep ) {
        if ( window.$ === jQuery ) {
            window.$ = _$;
        }
       //通过传递参数true，我们可以将 $ 和 jQuery 的控制权都交还给另一js库
        if ( deep && window.jQuery === jQuery ) {
            window.jQuery = _jQuery;
        }

        return jQuery;
    },

2、判断是不是window对象函数，有很多种方法，jQuery的很多版本的判断方法都不一样，比如1.8之后的版本为：

isWindow: function( obj ) {
    return obj != null && obj == obj.window;
}

而之前的版本判断为：

isWindow: function( obj ) {
    return obj && typeof obj === "object" && "setInterval" in obj;
},

3、判断对象的类型

    type: function( obj ) {
       // 调用Object.prototype.toString方法，生成 "[object Xxx]"格式的字符串
       // class2type[ "[object " + name + "]" ] = name.toLowerCase();
       return obj == null ?
           String( obj ) :
           class2type[ toString.call(obj) ] || "object";
    },

这里的class2type函数定义为：

// Populate the class2type map
jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) {
    class2type[ "[object " + name + "]" ] = name.toLowerCase();

   4:  });
4、解析JSON数据

   1:  parseJSON: function( data ) {

   2:      if ( !data || typeof data !== "string") {

   3:          return null;

   4:      }

   5:      // 去除收尾空格

   6:      data = jQuery.trim( data );

   7:      // 用JSON.parse(string)方法解析

   8:      // 反序列化是JSON.stringify(object)

   9:      if ( window.JSON && window.JSON.parse ) {

  10:          return window.JSON.parse( data );

  11:      }

  12:      // 检查字符串合法性

  13:      //from http://json.org/json2.js

  14:      if ( rvalidchars.test( data.replace( rvalidescape, "@" )

  15:          .replace( rvalidtokens, "]" )

  16:          .replace( rvalidbraces, "")) ) {

  17:          return ( new Function( "return " + data ) )();

  18:      }

  19:      jQuery.error( "Invalid JSON: " + data );

  20:  }
5、解析xml：

    // 解析XML 跨浏览器
    // parseXML函数也主要是标准API和IE的封装。
    // 标准API是DOMParser对象。
    // 而IE使用的是Microsoft.XMLDOM的 ActiveXObject对象。
    parseXML: function( data , xml , tmp ) {
       if ( window.DOMParser ) { // Standard 标准XML解析器
           tmp = new DOMParser();
           xml = tmp.parseFromString( data , "text/xml" );
       } else { // IE IE的XML解析器
           xml = new ActiveXObject( "Microsoft.XMLDOM" );
           xml.async = "false";
           xml.loadXML( data );
       }
       tmp = xml.documentElement;
       if ( ! tmp || ! tmp.nodeName || tmp.nodeName === "parsererror" ) {
           jQuery.error( "Invalid XML: " + data );
       }
       return xml;
    }

6、遍历对象或者数组each：

// 遍历对象或数组
each: function( obj, callback, args ) {
    var name,i = 0,length = obj.length,
        isObj = length === undefined || jQuery.isFunction( obj );
    // 如果有参数args，调用apply，上下文设置为当前遍历到的对象，参数使用args
    if ( args ) {
        if ( isObj ) {
            for ( name in obj ) {
                if ( callback.apply( obj[ name ], args ) === false ) {
                    break;
                }
            }
        } else {
            for ( ; i < length; ) {
                if ( callback.apply( obj[ i++ ], args ) === false ) {
                    break;
                }
            }
        }

    // 没有参数args则调用，则调用call，上下文设置为当前遍历到的对象，参数设置为key/index和value
    } else {
        if ( isObj ) {
            for ( name in obj ) {
            if ( callback.call( obj[ name ], name, obj[ name ] ) === false ) {
                break;
            }
            }
        } else {
            for ( ; i < length; ) {
                if ( callback.call( obj[ i ], i, obj[ i++ ] ) === false ) {
                    break;
                }
            }
        }
    }
    return obj;
}
函数比较多，就不一一详述了。可自行查看。