Как узнать что все асинхронные запросы завершились?

Question

[Сергей]

Суть: на страничку к объекту Canvas добавляется достаточно большое число объектов.
В качестве фреймворка для работы с Canvas используется FabricJS.

Используется встроенный класс Image, который вызывает callback функцию при успешной первичной загрузке картинки в память.

for (i=0; i<=n; i++)
{
   //some code 
   fabric.Image.fromURL(url, function(img) {
       // callback function on success load from url
       // some code
       canvas.add(img);
       imagesCollection[i].state = true;
       if (checkAllState(imagesCollection) == true) 
               canvas.renderAll();
    })
}

Задача - выполнить render для всего canvas после того как выполнятся все запросы на инициализацию.

Сейчас для каждого объекта отдельно хранится статус вызова и он меняется + проверяется на каждом успешном callback вызове.
Есть ли более изящное решение?

Comments

[Евгений Петров]

Я бы установил счётчик, равный количеству проходов. При каждом вызове коллбэка декрементировал бы его и проверял на 0.

[Сергей]

Евгений Петров: То что нужно. Очередь вдобавок тоже формируется динамически, поэтому добавил счетчик очереди который стартует с 0, при добавлении в очередь счетчик инкриментируем, при success / fail декрементируем и проверяем на 0.

Спасибо

Answer 1

[Kano]

Воспользуйтесь функционалом Promisess из представленных библиотек habrahabr.ru/post/209662

Comments

[Константин Китманов]

Я бы сказал, что нужны не только промизы, но и when, (1, 2) который является промизом, который резолвится в зависимости от списка переданных ему промизов.

[Kano]

Константин Китманов: у каждой библиотеки свой механизм, но в общем виде это выглядит как
Promise.all(arrayOfPromises).then(function(arrayOfResults) {
//...
});

[Константин Китманов]

Kano: Да. Часто этот метод называется when.