欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jQuery的each迭代器源码分析

程序员文章站 2022-05-03 18:36:18
...

一、静态方法,$.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