jQuery的each迭代器源码分析-优快云博客

本文详细介绍了 jQuery 中的 $.each() 方法的工作原理及其使用方式。通过源码解析，展示了如何遍历数组或对象，并解释了回调函数中 this 的指向问题。此外，还提供了一个示例来帮助理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

一、静态方法，$.each()，源码如下

each: function(obj,callback){
    var length, i = 0;
    if(isArrayLike(obj)){
        length = obj.length;
        for(; i<length; i++){
            if(callback.call(obj[i],i,obj[i]) === false){ 
           //call第一个参数为obj[i],也就是说这次回调函数的this指向obj[i]
                break;
            }
        }
    }else{
        for(i in obj){
            if(callback.call(obj[i],i,obj[i]) === false){   
            //call第一个参数为obj[i],也就是说这次回调函数的this指向obj[i]
                break;
            }
        }
    }
}

/***小demo证明回调函数this指向obj[i]***/
var me = {
	name: 'Mike',
	sex: 'man'
}

$.each(me, function(i,item) {
	console.log(item == this)；  //true
});

二、在jQuery.pototype上的源码，也就是jQuery实例对象的方法→each

each: function(callback){
    return jQuery.each(this,callback);
    //若是jQuery实例调用each方法，例如$("div").each(function(){});
    //返回jQuery静态方法$.each()，并把$("div")作为第一个参数传入
}

转载于:https://my.oschina.net/daladida/blog/895081