Использование JQuery, когда с массивом обещаний

Question

Я пытаюсь загрузить ряд шаблонов в массив и возникли некоторые проблемы с when метода JQuery (на основе this answer)

var files = [/*array of file names*/]; 
var templates = []; 
files.forEach(function(file){ 
    templates.push(
     $.get('/temps/' + file + '.hbs').then(function(temp) { 
      console.log('done loading', temp); 
     }) 
    ) 
}); 
$.when.apply($, templates).then(function() { 
    console.log(arguments); //"undefined"x10 
}); 

Почему не дает массив обещаний when создать массив из десяти шаблонов? Что здесь не так?

Edit: Видимо, отбрасывая метод then внутри каждого get получает меня немного ближе:

templates.push($.get('/temps/' + file + '.hbs')); 

Однако мне очень интересно, когда я не могу использовать then здесь, а также, когда

templates.push($.get('/temps/' + file + '.hbs')[0]) 

все еще дает мне массив undefined s. Первым элементом в возвращаемом массиве являются возвращенные данные. Почему не будет толкать этот первый элемент?

Answer 1

Потому что обещания в массиве являются обещаниями для undefined, а не обещаниями для ваших шаблонов. Вы должны будете использовать

$.get('/temps/' + file + '.hbs').then(function(temp) { 
    console.log('done loading', temp); 
    return temp; 
// ^^^^^^ 
}) 

получить обещание для шаблона, иначе решить с неявным возвращаемым значением undefined. Помните, что then возвращает новое обещание для результата обратного вызова, а не оригинальное обещание.

Answer 2

Вы звоните then, который возвращает другое обещание. Если вам просто нужен «побочный эффект», используйте вместо этого done.