jQuery 源码分析5: jQuery 基本静态方法（一）

jQuery在初始化过程中会为自己扩展一些基本的静态方法和属性,以下是jQuery 1.11.3版本 239 ~ 564行间所扩展的静态属性和方法

 

jQuery.extend({

// 为每个jQuery拷贝建立一个唯一的编号
expando: "jQuery" + ( version + Math.random() ).replace( /D/g, "" ),
 
// 假设jQuery脱离模块支持,已经准备好
isReady: true,

// 空转函数
noop: function() {},

/******************* 基本类型判断方法 *****************************/

isFunction: function( obj ) {
     return jQuery.type(obj) === "function";
},
isArray: Array.isArray || function( obj ) {
     return jQuery.type(obj) === "array";
},
isWindow: function( obj ) { /* jshint eqeqeq: false */
     return obj != null && obj == obj.window;
},

isNumeric: function( obj ) {
// 首先抛弃数组, 利用parseFloat返回一个浮点数
// 如果obj是一个合法数字(包括字符串数字),与parseFloat返回值的差是0,因此相减后等0，于是加1
// 如果obj是"0x10",返回值则是0,而obj - 0则会得到16,因此判断"0x10"也是数值
// 如果obj是"abc"等非法数字,会得到NaN - NaN,最终也会得到非数值的判断

     return !jQuery.isArray( obj ) && (obj - parseFloat( obj ) + 1) >= 0;
},
 // 保证obj不包含任何属性
isEmptyObject: function( obj ) {
     var name;
     for ( name in obj ) {

          return false;
     }
     return true;
},
// 最常使用的判断之一，纯对象判断
// 纯对象是有 new 或 {} 创建的对象
// 意味着纯对象不能从其他对象原型中继承而来，只能从Object原型中继承
isPlainObject: function( obj ) {
     var key;
     // 首先必须是一个object
     // 针对IE,需要检查对象的constructor属性
     // 把DOM节点和window对象都过滤掉
     if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
          return false;
     }
      try {
          // Not own constructor property must be Object
          if ( obj.constructor &&                      // 不包含构造器
               !hasOwn.call(obj, "constructor") &&
               !hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
               return false;
          }

     } catch ( e ) {
          // IE8或9在某些主机上会抛出异常
          return false;
     }
      // 支持: IE<9
     // 先处理继承的属性,之后才会处理自身属性
     if ( support.ownLast ) {
          for ( key in obj ) {
               return hasOwn.call( obj, key );
          }
     }
     // 一般浏览器是先遍历自己的属性,因此利用空变量来略过之前的自身属性,直接跳到最后一个属性
     // 如果最后一个属性是自身的,那么证明了所有属性都是自身的
     for ( key in obj ) {}
     return key === undefined || hasOwn.call( obj, key );
},

 

/********************** 基本工具 **********************/

type: function( obj ) {
     if ( obj == null ) {
          return obj + "";          // 返回一个字符串 'null'
     }

     // //jQuery初始化过程中会产生一个"class到type"的表
     // jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
     //      class2type[ "[object " + name + "]" ] = name.toLowerCase();
     // });
     // // 实际上class2type是这样的
     // var class2type = {
     //      "[object Array]": "array",
     //      "[object Boolean]": "boolean",
     //      "[object Date]": "date",
     //      "[object Function]": "function",
     //      "[object Number]": "number",
     //      "[object Object]": "object",
     //      "[object RegExp]": "regexp",
     //      "[object String]": "string",
     //      "[object Error]" : "error",
     // };
     // toString(123) 实际上会返回一个字符串"[object Number]",此时就可以通过class2type表来返回"number"
     // type(123) 返回的就是"number"
     // 这样做的原因是,对于很多对象,typeof返回的只是object,无法区分具体是什么对象
     // 通过object.prototype.toString.call(obj),虽然可以判断出什么对象,但是返回值却不够简练,因此使用了class2type进行映射
   return typeof obj === "object" || typeof obj === "function" ?
            class2type[ toString.call(obj) ] || "object" :     // 通过class2type来返回object类型
            typeof obj;
},
 // Evaluates a script in a global context
// 在全局上下文上执行一个脚本
globalEval: function( data ) {
     if ( data && jQuery.trim( data ) ) {
          // IE上使用execScript
          // 使用一个匿名函数,从而使上下文在firefox中变成window而非jQuery
          ( window.execScript || function( data ) {
               window[ "eval" ].call( window, data );
          } )( data );
     }
},
// 转换 dashed to camelCase; CSS和数据模块才使用这个方法
// 首先要去除'-ms-'中的第一个'-'
// 然后删除'-'并将'-'后紧接着的字母转换成大写
// rmsPrefix = /^-ms-/
// rdashAlpha = /-([da-z])/gi
// fcamelCase = function( all, letter ) {
//          return letter.toUpperCase();
// };
camelCase: function( string ) {
     return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
},
// 判断elem节点的名字是否为name
// 在后面对节点的操作经常会用到
nodeName: function( elem, name ) {
     return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
},
});

总结

• 基本判断方法里，jQuery.isNumeric的实现过程比较简练，要判断"0x10"这样的十六进制数字,又要判断"1.23"这样的浮点数.该方法里面只使用到了parseFloat，并根据其返回值的特点("字符串前部的合法数字")，只使用一次函数就可判别出数字,实现得非常精明;
• 纯对象的判断jQuery.isPlainObject也是用得较多的工具，其中针对浏览器的兼容性实现和优化都值得学习；
• jQuery.type的实现方案更加精彩，因此不同平台上typeof不一定能够准确返回对象的类型,因此需要使用到Object.ptototype.toString方法，然而这个方法会返回不需要的字符，建立一个映射表便可解决这一个问题；