$ .when.apply.done не выполняет асинхронные функции

Question

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

var funcs = []; 
var requests = []; 

В котором я подтолкнул некоторые функции AJAX.

Это мое решение, которое не работает:

for(i = 0; i < functions.length; i++){ 
    var f = functions[i](); //calling each ajax functions 
    requests.push(f); 
}  
$.when.apply(null, requests).done(function(){ 
    console.log("Hello"); 
}); 

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

Одним из примера функции AJAX Я оттолкнул:

functions.push(function() { 
    return $.ajax({ 
    url: "some url", 
    success: function(){ 
    console.log("Finished execution"); 
    } 
}); 

Answer 1

Вашей анонимная функция не имеет return поэтому его эффективное значение возврата не undefined.

Итак, сначала нужно исправить анонимную функцию, чтобы включать в себя return:

functions.push(function() { 
    return $.ajax(...); 
}); 

Вы можете также сделать более чистую реализацию Вашего цикла вызова:

var requests = functions.map(function(f) { 
    return f(); 
}); 

$.when.apply($, requests).done(callb);