jQuery源码工具函数

Posted 很好玩的博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery源码工具函数相关的知识,希望对你有一定的参考价值。

  1 //扩展工具函数
  2 jQuery.extend({
  3     // Unique for each copy of jQuery on the page
  4     expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ),
  5 
  6     // Assume jQuery is ready without the ready module
  7     isReady: true,
  8 
  9     error: function( msg ) {
 10         throw new Error( msg );
 11     },
 12 
 13     noop: function() {},
 14 
 15     // See test/unit/core.js for details concerning isFunction.
 16     // Since version 1.3, DOM methods and functions like alert
 17     // aren‘t supported. They return false on IE (#2968).
 18     isFunction: function( obj ) {
 19         return jQuery.type(obj) === "function";
 20     },
 21 
 22     //首先判断是否支持ES5中的isArray
 23     isArray: Array.isArray || function( obj ) {
 24         return jQuery.type(obj) === "array";
 25     },
 26 
 27     //之前版本是obj && typeof obj === "object" && "setInterval" in obj;
 28     isWindow: function( obj ) {
 29         /* jshint eqeqeq: false */
 30         //window对象是一个包含自己的对象 window.window....window === window;
 31         return obj != null && obj == obj.window;
 32     },
 33 
 34     isNumeric: function( obj ) {
 35         // parseFloat NaNs numeric-cast false positives (null|true|false|"")
 36         // ...but misinterprets leading-number strings, particularly hex literals ("0x...")
 37         // subtraction forces infinities to NaN
 38         // adding 1 corrects loss of precision from parseFloat (#15100)
 39         //当不是数字时,(obj - parseFloat( obj ) + 1)为NaN,所以>=0也就为false
 40         return !jQuery.isArray( obj ) && (obj - parseFloat( obj ) + 1) >= 0;
 41     },
 42 
 43     isEmptyObject: function( obj ) {
 44         var name;
 45         for ( name in obj ) {
 46             return false;
 47         }
 48         return true;
 49     },
 50 
 51     // 检查obj是否是一个纯粹的对象(通过"{}" 或 "new Object"创建的对象)
 52     // console.info( $.isPlainObject( {} ) ); // true
 53     // console.info( $.isPlainObject( ‘‘ ) ); // false
 54     // console.info( $.isPlainObject( document.location ) ); // true
 55     // console.info( $.isPlainObject( document ) ); // false
 56     // console.info( $.isPlainObject( new Date() ) ); // false
 57     // console.info( $.isPlainObject( ) ); // false
 58     isPlainObject: function( obj ) {
 59         var key;
 60 
 61         // Must be an Object.
 62         // Because of IE, we also have to check the presence of the constructor property.
 63         // Make sure that DOM nodes and window objects don‘t pass through, as well
 64         // 必须是一个对象
 65            // 因为在IE8中会抛出非法指针异常,必须检查constructor属性
 66            // DOM节点和window对象,返回false
 67           // obj不存在 或 非object类型 或 DOM节点 或 widnow对象,直接返回false
 68            // 测试以下三中可能的情况:
 69            // jQuery.type(obj) !== "object" 类型不是object,忽略
 70            // obj.nodeType 认为DOM节点不是纯对象
 71            // jQuery.isWindow( obj ) 认为window不是纯对象
 72         if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
 73             return false;
 74         }
 75 
 76         try {
 77             // Not own constructor property must be Object
 78             // 测试constructor属性
 79                // 具有构造函数constructor,却不是自身的属性(即通过prototype继承的)
 80             if ( obj.constructor &&
 81                 !hasOwn.call(obj, "constructor") &&
 82                 !hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
 83                 return false;
 84             }
 85         } catch ( e ) {
 86             // IE8,9 Will throw exceptions on certain host objects #9897
 87             return false;
 88         }
 89 
 90         // Support: IE<9
 91         // Handle iteration over inherited properties before own properties.
 92         if ( support.ownLast ) {
 93             for ( key in obj ) {
 94                 return hasOwn.call( obj, key );
 95             }
 96         }
 97 
 98         // Own properties are enumerated firstly, so to speed up,
 99         // if last one is own, then all properties are own.
100         for ( key in obj ) {}
101 
102         return key === undefined || hasOwn.call( obj, key );
103     },
104 
105     type: function( obj ) {
106         if ( obj == null ) {
107             return obj + "";//转成字符串的一种方法
108         }
109         return typeof obj === "object" || typeof obj === "function" ?
110             class2type[ toString.call(obj) ] || "object" :
111             typeof obj;
112     },
113 
114     // Evaluates a script in a global context
115     // Workarounds based on findings by Jim Driscoll
116     // http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
117     globalEval: function( data ) {
118         if ( data && jQuery.trim( data ) ) {
119             // We use execScript on Internet Explorer
120             // We use an anonymous function so that context is window
121             // rather than jQuery in Firefox
122             ( window.execScript || function( data ) {
123                 window[ "eval" ].call( window, data );
124             } )( data );
125         }
126     },
127 
128     // Convert dashed to camelCase; used by the css and data modules
129     // Microsoft forgot to hump their vendor prefix (#9572)
130     camelCase: function( string ) {
131         return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
132     },
133 
134     //判断节点名称是否相同
135     nodeName: function( elem, name ) {
136         return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
137     },
138 
139     // args is for internal usage only
140     //遍历对象或数组
141     each: function( obj, callback, args ) {
142         var value,
143             i = 0,
144             length = obj.length,
145             isArray = isArraylike( obj );
146 
147         //如果有参数
148         if ( args ) {
149             if ( isArray ) {
150                 for ( ; i < length; i++ ) {
151                     value = callback.apply( obj[ i ], args );
152 
153                     if ( value === false ) {
154                         break;
155                     }
156                 }
157             } else {
158                 for ( i in obj ) {
159                     value = callback.apply( obj[ i ], args );
160 
161                     if ( value === false ) {
162                         break;
163                     }
164                 }
165             }
166 
167         // A special, fast, case for the most common use of each
168         //没有参数args则调用,则调用call,上下文设置为当前遍历到的对象,参数设置为key/index和value
169         } else {
170             if ( isArray ) {
171                 for ( ; i < length; i++ ) {
172                     value = callback.call( obj[ i ], i, obj[ i ] );
173 
174                     if ( value === false ) {
175                         break;
176                     }
177                 }
178             } else {
179                 for ( i in obj ) {
180                     value = callback.call( obj[ i ], i, obj[ i ] );
181 
182                     if ( value === false ) {
183                         break;
184                     }
185                 }
186             }
187         }
188 
189         return obj;
190     },
191 
192     // Support: android<4.1, IE<9
193     //利用正则去掉前后空格
194     trim: function( text ) {
195         return text == null ?
196             "" :
197             ( text + "" ).replace( rtrim, "" );
198     },
199 
200     // results is for internal usage only
201     makeArray: function( arr, results ) {
202         var ret = results || [];
203 
204         if ( arr != null ) {
205             if ( isArraylike( Object(arr) ) ) {//伪数组
206                 jQuery.merge( ret,
207                     typeof arr === "string" ?
208                     [ arr ] : arr
209                 );
210             } else {//不是数组也不是伪数组
211                 push.call( ret, arr );
212             }
213         }
214 
215         return ret;
216     },
217 
218     //在数组中搜索指定的值,并返回其索引值,i为查找的起始位置
219     inArray: function( elem, arr, i ) {
220         var len;
221 
222         if ( arr ) {
223             if ( indexOf ) {// 是否有本地化的Array.prototype.indexOf
224                 return indexOf.call( arr, elem, i );
225             }
226 
227             len = arr.length;
228             i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;
229 
230             for ( ; i < len; i++ ) {
231                 // Skip accessing in sparse arrays
232                 //i in arr表示arr[i]存在
233                 if ( i in arr && arr[ i ] === elem ) {
234                     return i;
235                 }
236             }
237         }
238 
239         return -1;
240     },
241 
242     //将数组second合并到数组first中
243     merge: function( first, second ) {
244         var len = +second.length,
245             j = 0,
246             i = first.length;
247 
248         while ( j < len ) {
249             first[ i++ ] = second[ j++ ];
250         }
251 
252         // Support: IE<9
253         // Workaround casting of .length to NaN on otherwise arraylike objects (e.g., NodeLists)
254         //在IE9以前,类数组对象的length为NaN
255         if ( len !== len ) {
256             while ( second[j] !== undefined ) {
257                 first[ i++ ] = second[ j++ ];
258             }
259         }
260 
261         first.length = i;
262 
263         return first;
264     },
265 
266     // 过滤数组,返回新数组;callback返回true时保留;如果inv为true,callback返回false才会保留
267     grep: function( elems, callback, invert ) {
268         var callbackInverse,
269             matches = [],
270             i = 0,
271             length = elems.length,
272             callbackExpect = !invert;
273 
274         // Go through the array, only saving the items
275         // that pass the validator function
276         //遍历数组,将回调函数返回值push到结果数组
277         for ( ; i < length; i++ ) {
278             callbackInverse = !callback( elems[ i ], i );
279             if ( callbackInverse !== callbackExpect ) {
280                 matches.push( elems[ i ] );
281             }
282         }
283 
284         return matches;
285     },
286 
287     // arg is for internal usage only
288     //将数组或对象elems的元素/属性,转化成新的数组
289     map: function( elems, callback, arg ) {
290         var value,
291             i = 0,
292             length = elems.length,
293             isArray = isArraylike( elems ),
294             ret = [];
295 
296         // Go through the array, translating each of the items to their new values
297         if ( isArray ) {//类数组或数组
298             for ( ; i < length; i++ ) {
299                 value = callback( elems[ i ], i, arg );
300 
301                 if ( value != null ) {
302                     ret.push( value );
303                 }
304             }
305 
306         // Go through every key on the object,
307         } else {//对象
308             for ( i in elems ) {
309                 value = callback( elems[ i ], i, arg );
310 
311                 if ( value != null ) {
312                     ret.push( value );
313                 }
314             }
315         }
316 
317         // Flatten any nested arrays
318         // 使嵌套数组变平
319         // concat:
320         // 如果某一项为数组,那么添加其内容到末尾。
321         // 如果该项目不是数组,就将其作为单个的数组元素添加到数组的末尾。
322         return concat.apply( [], ret );
323     },
324 
325     // A global GUID counter for objects
326     guid: 1,
327 
328     // Bind a function to a context, optionally partially applying any
329     // arguments.
330     // 代理方法:为fn指定上下文(即this)
331     proxy: function( fn, context ) {
332         var args, proxy, tmp;
333 
334         //如果context是字符串格式,fn为fn[context]
335         //上下文环境设为fn
336         if ( typeof context === "string" ) {
337             tmp = fn[ context ];
338             context = fn;
339             fn = tmp;
340         }
341 
342         // Quick check to determine if target is callable, in the spec
343         // this throws a TypeError, but we will just return undefined.
344         // 快速测试fn是否是可调用的(即函数)
345         // 但是这里仅返回undefined
346         if ( !jQuery.isFunction( fn ) ) {
347             return undefined;
348         }
349 
350         // Simulated bind
351         args = slice.call( arguments, 2 );//从列表中去除前两个参数,即fn,context
352         proxy = function() {
353             return fn.apply( context || this, args.concat( slice.call( arguments ) ) );
354         };
355 
356         // Set the guid of unique handler to the same of original handler, so it can be removed
357         proxy.guid = fn.guid = fn.guid || jQuery.guid++;
358 
359         return proxy;
360     },
361 
362     now: function() {
363         return +( new Date() );
364     },
365 
366     // jQuery.support is not used in Core but other projects attach their
367     // properties to it so it needs to exist.
368     support: support
369 });

 

以上是关于jQuery源码工具函数的主要内容,如果未能解决你的问题,请参考以下文章

JQuery源码解析-JQuery的工具方法

jquery 1.7.2源码解析 异步队列Deferred Object

JQuery源码解析-JQuery的工具方法

常用Javascript代码片段集锦

jQuery源码分析-02构造jQuery对象

jQuery的DOM操作