ES7 Ottenere risultati da una serie di promesse utilizzando il generatore di attesa

Question

Data una serie di promesse, qual è il modo idiomatico per ottenere i risultati in ES7?

Ecco cosa voglio fare:

async function getImports() { 
    let imports = [System.import('./package1.js'), System.import('./package2.js')]; 
    let promises = await* imports; 
    let results = []; 
    await promises.forEach(val => val.then(data => results.push(data))); //seems hacky 
    console.log(results); // array of 2 resolved imports 
} 

Il risultato è corretto, ma sto ancora facendo un forEach e un then per trasformare le promesse in risultati risolte. Questo non mi sembra giusto. C'è un modo più pulito?

Answer 1

Come accennato nel problema che hai presentato, il problema principale è che await* non è più una cosa ed è stato rimosso. Sfortunatamente, non è stato corretto lanciare un errore di sintassi in Babel 6 ed è stato essenzialmente trattato come un normale await.

Avrai bisogno di esplicitamente

let [p1, p2] = await Promise.all([ 
      System.import('./package1.js'), System.import('./package2.js')]); 

Answer 2

non riesco a credere che effettivamente funziona, forEach fa ritorno undefined che non si può await. Se hai bisogno di un ciclo, usa map per ottenere un array di risultati (promessi).

Nel tuo caso, ti sembra di essere alla ricerca di un semplice

async function getImports() { 
    let promises = [System.import('./package1.js'), System.import('./package2.js')]; 
    let results = await Promise.all(promises) 
    console.log(results); 
}