jquery原代码：each()

最新推荐文章于 2026-01-01 17:43:06 发布

转载最新推荐文章于 2026-01-01 17:43:06 发布 · 92 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/musickog/archive/2011/02/11/1951491.html

文章标签：

#javascript #ViewUI

本文深入解析了jQuery中each()方法的实现原理，重点讲解了call与apply如何改变函数调用上下文，以及它们在遍历数组和对象时的应用。通过具体代码示例，展示了如何利用each()方法对集合进行操作。

// args is for internal usage only
	each: function( object, callback, args ) {
		var name, i = 0,
			length = object.length,
			isObj = length === undefined || jQuery.isFunction(object);

		if ( args ) {
			if ( isObj ) {
				for ( name in object ) {
					if ( callback.apply( object[ name ], args ) === false ) {
						break;
					}
				}
			} else {
				for ( ; i < length; ) {
					if ( callback.apply( object[ i++ ], args ) === false ) {
						break;
					}
				}
			}

		// A special, fast, case for the most common use of each
		} else {
			if ( isObj ) {
				for ( name in object ) {
					if ( callback.call( object[ name ], name, object[ name ] ) === false ) {
						break;
					}
				}
			} else {
				for ( var value = object[0];
					i < length && callback.call( value, i, value ) !== false; value = object[++i] ) {}
			}
		}

		return object;
	},

分析:jquery文档说 each(callback)作用是以每一个匹配的元素作为上下文来执行一个函数。就是用each来遍历数组，来执行同一个方法

这个方法的实现最关键的是：call与apply的用法:call(apply)就是将函数的对象的从初始的上下文改为thisObj指向的对象,

就是说用thisObj来代替原来的对象来执行方法:call与apply的第一个参数为this指向的对象,而后面的参数都下传给函数的，

call传给函数的参数用逗号分隔而apply则为一个数组。

//1.callback.apply( object[ name ], args )
//2.callback.call( object[ name ], name, object[ name ] )

以每一个匹配的元素作为上下文来执行一个函数

转载于:https://www.cnblogs.com/musickog/archive/2011/02/11/1951491.html