Каков правильный способ вызова «render» после всех асинхронных исполнений в контроллере?

Question

Так вот мы некоторые приложения на основе CompoundJS рамок и некоторый контроллер на нем:

load('application'); 

action('index', function() { 
    someMethodWithAsyncCallback({}, function() { 
     /* async preparing some params for template */ 
    }); 

    anotherMethodWithAsyncCallback({}, function() { 
     /* async preparing another params for template */ 
    }); 

    // another couple of async calls 

    // rendering index template 
    render('index', { /* using async params */ }); 
}); 

Возникает вопрос: как сделать шаблон index после окончания всех обратных вызовов?

Возможно, есть что-то вроде jQuery's $.when, описанного в this answer?

Answer 1

Понятно, что вам просто нужно отслеживать количество асинхронных вызовов, которые вы ожидаете, что я проиллюстрировал в вашем коде ниже. Но есть множество небольших библиотек, которые делают это намного более общим, элегантным и дают вам больше контроля (например, убедитесь, что они работают в последовательности и подобных материалах). async.js, например.

load('application'); 

action('index', function() { 

    var asyncCounter = 2; // Or whatever number of async you want to complete... 
    var completeFunc = function() { 
     if (--asyncCounter > 0) { 
      return; 
     } 
     // rendering index template 
     render('index', { /* using async params */ }); 
    }; 

    someMethodWithAsyncCallback({}, function() { 
     /* async preparing some params for template */ 
     completeFunc(); 
    }); 

    anotherMethodWithAsyncCallback({}, function() { 
     /* async preparing another params for template */ 
     completeFunc(); 
    }); 

    // another couple of async calls 

});