使用jQuery循環訪問數據時調用異步函數

Question

Stack上有很多這個問題的變體，大多數答案只是說重構代碼或使用async = false。

問題再次是，您想要循環訪問一組數據，並在每個元素上制定一些異步函數，但不希望多個異步線程同時運行。這可能會像數組命令一樣搞砸了，或者完全不同於你的項目想做的事情。

例如，

$.each(my_data,function(i,o){ 
    $.getJSON(o,function(r){ 
    //do somethin' with r then move on to next my_data element 
    }); 
}); 

Answer 1

這裏有一個小片段我用得到解決上述問題，單純使用回調（不告訴JS掛）。它可能存在於其他地方，似乎足夠方便已經存在，但我沒有看到它。所以這裏希望它能幫助你們中的一些人。

如果您希望我改進語法或優化它，請評論答案，我不是世界上最優雅的編碼器。

function asyncloop(i,arr,each_cb,end_cb){ 
    var cont,s; 
    //just do a quick check to ensure this is an array or not at end 
    if ($.isArray(arr)) { 
      s = arr[i]; 
      if ((i+1) < arr.length) { cont = true; } else { cont = false; } 
    } else { 
     s= arr; 
     cont = false; 
    } 
    each_cb(s,function(){ 
     if (cont == true) { 
      asyncloop((i+1),arr,each_cb,end_cb); 
     } else { 
      end_cb(); 
     } 
    }); 
} 

呼叫使用 -

asyncloop(0,my_data,function(o,callback){ 
    //gets called with each element 
    some_asynch_function(o,function(r){ 
    //blah blah blah 
    callback(); 
    }); 
},function(){ 
    //finish with this 
    alert('process is finished wowowow'); 
}); 

乾杯呢！