jQueryの "e​​ach（）"関数は同期していますか？

Question

を検証するために、このシナリオを考えてみます。

function validateForm (validCallback) { 
    $('#first-name').add($('#last-name')).add($('#address')).each(function() { 
     // validating fields and adding 'invalid' class to invalid fields. 
    }); 
    // doing validation this way for almost 50 fields (loop over 50 fields) 
    if ($('#holder .invalid').length == 0) { 
     // submitting data here, only when all fields are validated. 
    } 
} 

を今、私の問題は、ループが終了する前に、かのブロックが実行を受ける、ということです。私はvalidateFormのボディが同期して実行されることを期待しましたが、jQuery each()関数が非同期に実行されるようです。私は正しい？なぜこれはうまくいかないのですか？

Answer 1

はい、jQuery eachメソッドは同期です。ほぼすべてのJavaScriptは同期しています。唯一の例外は、AJAX、タイマー（setTimeout、setInterval）、およびHTML5 Webワーカーです。
問題はおそらくあなたのコードのどこかにあります。

Answer 2

jQuery.eachメソッドは同期的にループしますが、特定の順序で項目をループすることは保証できません。

Answer 3

jQueryは、純粋にjavascriptライブラリです。 ajax、setTimeout、setInterval以外は、JavaScriptで非同期に実行できるものはありません。したがって、eachは確実に同期して実行されます。ブロックコードeachの中に間違いなくいくつかのjsエラーがあります。コンソールにエラーがないかどうか調べてください。

また、jQuery queueを見て、キュー内の任意の機能を実行することもできます。これにより、直前のコードの実行が完了したときにのみ、キューに入れられた関数が実行されるようになります。

Answer 4

もう1つの理由は、.each（）関数がfalseを返し、 "返り値false"の情報を渡すために追加の変数を使用する必要がある場合に、繰り返し処理を停止することです。

var all_ok=true; 
$(selector).each(function(){ 
    if(!validate($(this))){ 
     all_ok=false; //this tells the outside world something went wrong 
     return false; //this breaks the .each iterations, returning early 
    } 
}); 
if(!all_ok){ 
    alert('something went wrong'); 
} 

Answer 5

同じ問題。だから、私はそれが

function getAllEventsIndexFromId(id){ 
    var a; 
    $.each(allEvents,function(i,val){ 
        if (val.id == id){a=i; } 
       }); 
    return a; 
    } 

Answer 6

ザッツのように修正します。それが同期で動作する場合、そのように動作する理由：

var newArray = []; 
$.each(oldArray, function (index, value){ 
     if($.inArray(value["field"], field) === -1){ 
      newArray.push(value["field"]); 
     } 
    } 
); 

//do something with newArray here doesn't work, newArray is not full yet 

$.when.apply($, newArray).then(function() { 
    //do something with newArray works!! here is full 
}); 

Answer 7

それはasyncronousのように動作します私のために行う方法この

var y = jQuery(this).find(".extra_fields"); 
for(var j in y) 
{ 
    if(typeof y[j] =='object') 
    { 
     var check = parseInt(jQuery(y[j]).val()); 
     if(check==0){ 
      jQuery(y[j]).addClass('js_warning'); 
      mes="Bạn vui lòng chọn đầy đủ các thuộc tính cho sản phẩm"; 
      done=false; 
      eDialog.alert(mes); 
      return false; 
     } 
    } 

}