중첩 된 비동기 함수가 완료되면 무언가 수행

Question

function hello() { 
    var arr = []; 
    $.get(url, function (data) { 
     var items = $(data).find("item"); 
     $(items).each(function (idx, item) { 
     arr.push(item); 
     }); 
    }); 
    return arr; //undefined because nested loops are not finished processing. 
} 

반환하기 전에 arr이 채워 졌는지 어떻게 확인합니까?

Answer 1

비동기 호출에서 벗어날 방법이 없습니다. GET 호출 결과를 얻으려면 콜백이 필요합니다.

function asynCall() { 
    var response; 
    // Ajax call will update response here later. 
    return response; 
} 
var responseFromFun = asyncCall(); // This will be undefined or null. 

코드가 작동하는 방식입니다. 따라서 응답은 항상 undefined 또는 null이됩니다.

Ajax의 응답을 얻으려면 함수에 응답을 할당하는 대신 호출 할 때 함수에 콜백을 전달해야합니다.

function asyncCall(callBack) { 
    var response; 
    $.get(...) { 
     response = someValueReturnedFromServer; 
     callBack(response); 
    } 
    // There wont be a return here 
} 
asyncCall(function(response){ 
    // Do something with response now 
}); 

여기 단점은 다른 기능 (코드에) arr 객체를 전달하는 경우에도 그 콜백을 사용하도록 변경되어야한다는 것입니다!