菜鳥的jQuery源碼學習筆記（三）

each: function(callback, args) {
    return jQuery.each(this, callback, args);
},     

each:這個調用了jQuery.each方法，來遍歷當前集合。我們先來看看jQuery.each方法:

//args是一個數組
each: function(obj, callback, args) {var value,i = 0,length = obj.length,isArray = isArraylike(obj);if (args) {if (isArray) {//如果遍歷的目標是數組那么就按照下標遍歷元素for (; i < length; i++) {value = callback.apply(obj[i], args);if (value === false) {break;}}} else {//如果遍歷的目標不是數組那么就通過枚舉對象來遍歷對象成員for (i in obj) {value = callback.apply(obj[i], args);if (value === false) {break;}}}// A special, fast, case for the most common use of each//如果沒有args數組傳入} else {if (isArray) {//如果遍歷的目標是數組那么就按照下標遍歷元素for (; i < length; i++) {value = callback.call(obj[i], i, obj[i]);if (value === false) {break;}}} else {//如果遍歷的目標不是數組那么就通過枚舉對象來遍歷對象成員for (i in obj) {value = callback.call(obj[i], i, obj[i]);if (value === false) {break;}}}}return obj;
},

整個each方法結構還是很清晰的。按照有args數組有沒有傳入分為兩個分支，每個分支又按照轉入的遍歷目標是數組還是對象分成兩個小分支。有傳參args，則在遍歷到得每一個元素上調用callback方法并傳入參數args。如果沒有傳參args，那么callback實際傳入的參數就變成了當前序號i以及元素本身,這就是我們經常用的調用形式,例如$(".class").each(function(i,e){})。

這里其實我想強調一下的就是大家千萬別只認為each方法就只有經常使用的each(function(i,e){})這一種形式哦。其實each里面callback后面是可以帶一個參數數組的，不過這樣的話千萬記得callback的參數可就不是序號+當前元素了啊。