Javascript - Порядок выполнения функций

Question

У меня есть некоторые JavaScript функции вызывается на Документ Ready:

fogFields(); 
getLoS(); 
getShips();  

startGame(); 
getNextMove(); 

Однако, это как бы getNextMove() вызывается первым, скорее всего, как все это делает это Аякс вызывать и предупреждать результат. Все остальные функции имеют больше работы, поэтому первое, что происходит при загрузке, - это предупреждение getNextMove(), и в фоновом режиме вы можете видеть, что ни одна из других функций не выполняла свою работу. Пока я не нажму OK в окне предупреждения, результаты не отображаются. Могу ли я сделать так, чтобы до тех пор, пока функция не завершится, следующий не начнется. Некоторые функции называют свои дополнительные функции до их завершения, и это работает в порядке, но я не могу сделать это со всем кодом ...

Answer 1

Учитывая код в вашем вопросе, нет способа позвонить в getNextMove вызывается до startGame, вне зависимости от их содержимого.

Это может быть верно, что функция, которая была запланирована асинхронно (с помощью тайм-аута, AJAX обратного вызова и т.д.) вstartGame завершается в любое время до или после вызова getNextMove, но это отдельный вопрос. Чтобы решить эту проблему, нам нужно больше узнать о содержании функций.

Answer 2

Если у других функций есть вызов AJAX в них, то эти вызовы AJAX, безусловно, принимают аргумент обратного вызова, который выполняет функцию, когда вызов AJAX завершен. Теперь, если вы хотите каким-то образом выполнить свои функции, одна функция запускается, когда закончен вызов предыдущей функции AJAX, вы можете добавить дополнительный аргумент обратного вызова к своим собственным функциям, который затем будет передан на вызовы AJAX. Это должно иллюстрировать, что я имею в виду:

function logFields(callback) { 
    ajaxCall(callback); 
} 

function getLoS(callback) { 
    ajaxCall(callback); 
} 

function getShips(callback) { 
    ajaxCall(callback); 
} 

function startGame(callback) { 
    ajaxCall(callback); 
} 

function getNextMove() { 
} 

fogFields(function(){ 
    getLoS(function(){ 
     getShips(function(){ 
      startGame(function(){ 
       getNextMove(); 
      }); 
     }); 
    }); 
}); 

Answer 3

Если все ваши функции используют вызов ajax, просто используйте обещания. Просто вернуть его, например:

function fogFields(){ 
    return $.ajax(); 
}; 

, а затем просто использовать .then:

fogFields().then(getLos()); 

Более подробная информация о deffered объекта на jquery doc page, если вы его используете. Или реализация в чистом javascript вы найдете here и больше теории here.
или другой вариант, который я не буду рекомендовать вам, - установить async param в $ .ajax call to false. Опять же, для случая, когда вы используете jQuery.