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
上一篇: 对 cas 操作的理解
下一篇: 分布式全局ID生成器设计
推荐阅读