[jquery] jQuery“each ()”함수는 동기식입니까?

Program / 글쓴이

유효성 검증을 위해이 시나리오를 고려하십시오.

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.
   }
}

이제 내 문제는 루프가 끝나기 전에 if 블록이 실행 된다는 것 입니다. 본문이 validateForm동 기적으로 실행될 것으로 예상 했지만 jQuery each()함수가 비동기 적으로 실행되는 것 같습니다 . 내가 맞아? 왜 이것이 작동하지 않습니까?

답변

예, jQuery each메소드는 동기식입니다. 거의 모든 JavaScript는 동기식입니다. AJAX, 타이머 ( setTimeout및 setInterval) 및 HTML5 웹 워커 는 예외 입니다.
문제가 코드의 다른 곳에있을 수 있습니다.

답변

jQuery순전히 자바 스크립트 라이브러리입니다. 제외시켰다 ajax, setTimeout그리고 setInterval비동기 적으로 실행 할 수 있습니다 아무것도 없다 JavaScript. 따라서 each동 기적으로 확실히 실행됩니다. each블록 코드 안에 분명히 js 오류가 있습니다 . 콘솔에서 오류를 확인해야합니다.

또는 jQuery 대기열 을 살펴보고 대기열의 모든 기능을 실행할 수 있습니다. 이렇게하면 이전 코드 실행이 완료된 경우에만 대기중인 기능이 실행됩니다.

답변

이 질문을하는 또 다른 이유는 .each는 (.each ()) 함수가 false를 반환 할 때 단순히 반복을 중지하고 “false return”정보를 전달하기 위해 추가 변수를 사용해야한다는 것입니다.

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');
}

답변

나를 위해 그것은 비동기처럼 작동합니다. 동기화가 작동하는 이유는 다음과 같습니다.

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
});

답변

return false의 .each()기능 만 고리, 여전히 루프가 실행하는 외부의 나머지 코드 나누기. 따라서 플래그를 .each()루프로 설정하고 루프 외부에서 확인하십시오.

답변

같은 문제입니다. 그래서 나는 이렇게 고쳤다

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;
        }
    }

}

답변

그게 내가하는 방법

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