Составления Обещания и без Обещания значения

Question

У меня есть некоторый код, который в основном выглядит следующим образом:

let foos = ['foo', 'foo', 'foo']; 
let bars = foos.map(foo => new Promise(resolve => resolve(foo + ' processed'))); 
function f(foo, bar) { '...' }; 

Как вы можете видеть, f() требует foo и bar аргумента. Проблема в том, что bar является Promise. Если бы f() требуется только bar, я хотел бы сделать:

Promise.all(bars).then(values => values.map(f)); 

Однако f() требует как значение bar в результате Promise и его соответствие не-обещание foo, так что я не уверен, что это лучший способ, чтобы закодировать это ?

Answer 1

.map передает индекс элемента на обратный вызов, так что вы могли бы сделать

Promise.all(bars).then(
    values => values.map((value, i) => f(foos[i], value)) 
); 

Answer 2

Если foos не в сферу действия Promise.all().then() обработчика, то вам необходимо убедиться, что foos, а также bars являются прервал цепочку обещаний.

Вот несколько подходов:

1. Доставить массив объектов

Каждый объект будет содержать foo и его соответствующий bar.

let foos = ['foo', 'foo', 'foo']; 
let promises = foos.map(foo => new Promise(resolve => resolve({ 
    unprocessed: foo, 
    processed: foo + ' processed' 
}))); 
// ... 
Promise.all(promises).then(results => results.map(obj => f(obj.unprocessed, obj.processed))); 

Demo

2. Deliver объект массивов

Объект будет содержать массив foos и congruant bars массив.

let foos = ['foo', 'foo', 'foo']; 
let promise = Promise.all(foos.map(foo => new Promise(resolve => resolve(foo + ' processed')))) 
    .then(bars => ({ 'unprocessed': foos, 'processed': bars })); 
// ... 
promise.then(obj => obj.unprocessed.map((foo, i) => f(foo, obj.processed[i]))); 

Demo

(1), возможно, менее грязный, чем (2).

Answer 3

(Придерживаясь ограничениям, указанных в комментариях, что foos не в рамках ...)

Вы можете передать дополнительный аргумент вниз по цепочке немного Smoother с помощью ES6 деструктурирующими:

let foos = ['foo', 'foo', 'foo']; 
let bars = foos.map(foo => new Promise(res => res([foo, foo + ' processed']))); 
Promise.all(bars).then(values => values.map(([foo, bar]) => f(foo, bar)));