синхронизация два асинхронных событий в JavaScript

Question

В моем Javascript App (JQuery) У меня есть два события, которые асинхронно

• виджет 1 пожары «Event1», когда загрузится
• виджет 2 пожаров «EVENT2», когда заканчивается loading

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

Мне нужен подход, который также работает для нескольких событий.

Answer 1

Используйте отсроченные объекты.

var deferredObj1 = $.Deferred(), 
    deferredObj2 = $.Deferred(); 

$.when(deferredObj1,deferredObj2).done(function(){ 
    console.log("They are both done!"); 
}); 

// inside the Event1 handler: 
deferredObj1.resolve(); 

// inside the Event2 handler: 
deferredObj2.resolve(); 

Answer 2

Возможно, вы захотите посмотреть на async.js, который обеспечивает очень интересный и чистый способ синхронизации выполнения асинхронных действий.

Например, метод waterfall позволяет осуществлять асинхронные операции в последовательном порядке.

Такое исполнение выглядит довольно просто и в вашей реальной жизни код:

async.waterfall([ 
    function(callback){ 
     callback(null, 'one', 'two'); 
    }, 
    function(arg1, arg2, callback){ 
     callback(null, 'three'); 
    }, 
    function(arg1, callback){ 
     // arg1 now equals 'three' 
     callback(null, 'done'); 
    } 
], function (err, result) { 
    // result now equals 'done'  
});