jquery를 한 기능이 끝날 때까지 기다렸다가 다른 기능을 실행하려면 어떻게 해야 합니까?

jquery를 한 기능이 끝날 때까지 기다렸다가 다른 기능을 실행하려면 어떻게 해야 합니까?

function test(){
var distance=null;
       first();
       second();
       third();
alert(distance);//it shows null always because it take 2 second to complete.

}
 function first(tolat, tolon, fromlat,fromlon){

// calulating road distance between two points on the map using any other distance caluculating apis. 

distance=dis;  // update the value of distance but it takes 2 second to complete.

}
 function second(){}
 function third(){}

제 코드에 이런 유형의 상황이 있습니다. 지금은 첫 번째와 두 번째 완전 실행 전에 시간 함수 3이 호출되고 거리 값이 업데이트되지 않습니다.

콜백 사용:

function first(tolat, tolon, fromlat, fromlon, callback) {
     if (typeof(callback) == 'function') {
        callback(distance);
     }
}

function second() { }
function third() { }

first("vartolat", "vartolon", "varfromlat", "varfromlon", function(distance) {
    alert(distance);
    second();
    third();
});

언급URL : https://stackoverflow.com/questions/13030639/how-can-i-make-jquery-wait-for-one-function-to-finish-before-executing-another-f