jQuery中实现each()

在jQuery中,each()方法非常常见。它分为两种:

1、静态方法:jQuery.each(obj, callback, args);

2、为jQuery对象服务的:$(selector).each(callback, args)

其中2是调用1实现了:

return jQuery.each(this, callback, args);

言归正传,我们先从each()的三个参数入手:

1、obj:当前执行的对象。一般是遍历对象内的其中一项。

2、callback:callback需要两个参数:1)index,即当前函数在遍历对象中的索引;2)element:即当前对象。

3、args:可选项,如果有,则直接替换callback函数所需的参数,直接传入到callback中。

因此,针对args的存在与否,我们划分为两个情况,进行处理。

同时,遍历的对象也有数组与非数组之分。针对数组,我们可以直接使用for + array.length直接遍历整个数组;而针对非数组(不可用number来定位每一项),我们则使用for-in的方式来遍历。

所以,得出了如下的代码:

jQuery.each = function(obj, fn, args){
	if(args){
		if(obj.length == undefined){
			for(var i in obj)
				fn.apply(obj, args);
		}else{
			for(var i = 0, ol = obj.length; i < ol; i++){
				if(fn.apply(obj, args) === false)
					break;
			}
		}
	}else{
		if(obj.length == undefined){
			for(var i in obj){
				fn.call(obj[i], i, obj[i]);
			}
		}else{
			for(var i = 0, ol = obj.length; i < ol; i++){
				if(fn.call(obj[i], i, obj[i]);
			}
		}
	}
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章