Когда все мои функции завершены?

Question

У меня есть набор асинхронных функций, которые выдают команды executeSql для удаления 2 таблиц и имеют обратные вызовы для создания 2 таблиц и заполнения двух таблиц.

Я хотел бы знать, когда они ВСЕ будут выполнены.

Я бы не прочь, если бы они выполнялись синхронно. На самом деле, я бы предпочел, чтобы они работали синхронно!

В: Я использовал бы метод jQuery pipe для очереди этих функций, чтобы они выполнялись более традиционным способом, чем выдача обратных вызовов?

Я хочу сделать что-то вроде:

DropTableA(); 
CreateTableA(); 
PopulateTableA(); 
DropTableB(); 
CreateTableB(); 
PopulateTableB(); 
window.location.replace('Index.htm'); 

Answer 1

Посмотрите на JQuery-х Deferreds and Promises.

Вкратце, вот пример функции async, выполняющей что-то асинхронно (setTimeout в этом случае). При вызове функции вы получаете обещание.

var myFunc = function (value) { 
    var d = $.Deferred(); 

    setTimeout(function() { 
     d.resolve(42 * value); 
    }, 1000); 
    return d.promise(); 
}; 

var promise = myFunc(100); 
promise.done(function (res) { console.log(res); }); 

Вы можете использовать $ .when выполнить что-то, когда все promieses были выполнены, т.е.

$.when(p1, p2, p3).then(...) 

Если вы хотите, чтобы выполнить их в порядке, вы можете приковать deferreds с помощью deffered's pipe.

Answer 2

Если они все sinchronous функции (без асинхронного вызова внутри этих функций), вы уверены, что window.location.replace('Index.htm'); вызываются после всех из них. Если вы сделаете Аякс позвонить вы можете сделать

jQuery.ajaxSetup({async: false}); 

befare вызова первой функцию, и вы хорошо, потому что все ваши вызовы AJAX теперь синхронные

http://jsfiddle.net/ywL63/

Answer 3

Если ваши функции синхронны, просто называть их в правильном порядке, как и в вашем примере.

Предполагая, вместо того, что ваша функция возвращает promise() или наблюдаемый объект, вы можете просто сделать

$.when(fn1(), fn2(), ...).done(function() { 
    /* here you know that all functions have been returned, as you asked */ 
}) 

(обратите внимание, что вы можете использовать deferred объектов не только для асинхронных задач)

Edit: если вопросы заказа вы можете использовать этот плагин:
jQuery.whenSync() Plugin For Chaining Asynchronous Callbacks Using Deferred Objects

Answer 4

Это где jQuery отложенное/обещание вступает в игру. В основном вы измените свои функции как этот

function myAction1() { 
    var dfd = $.Deferred(); 
    $(selector).whatever(function() { dfd.resolve(); // this is one of the callbacks}); 
    return dfd.promise(); 
} 

Тогда вы можете пойти и «ждать» для всех действий, чтобы закончить с конструкцией, как

$.when(myAction1(), myAction2(), ...).then(function() { 
    // this will be executed when all the actions finished = resolved 
}