Async Funktionen wartet nicht innerhalb einer foreach-Schleife

Question

Ich habe einen Anruf meiner Asynchron-Funktion innerhalb einer foreach-Schleife, wie folgt aus:

foo { 
    list.forEach(function(field) {   
     populateValues(field); 
    }); 

    // here my list is returned incomplete 
    return list; 
} 

populateValues = async function (field) { 
    if (field.someProp === true) { 
     fields.val = await somePromise(); 
    } 
} 

somePromise = function() { 
    return new Promise(resolve => { 
     fetchMyAPIExample().then(function(value) { 
      resolve(value); 
     } 
    } 
} 

populateValues ​​() wartet richtig mein Versprechen, aber foo() Ich warte nicht auf populateValues, um die Liste zurückzugeben, daher wird meine Liste unvollständig zurückgegeben.

Answer 1

Vielleicht möchten Sie auch dort erwarten, die mit forEach nicht funktioniert, aber mit for..of:

async function foo(){ 
    for(var field of list){   
    await populateValues(field); 
    } 
    return list 
} 

Oder wenn Sie wollen Rennen aktivieren: Als

function foo(){ 
    return Promise.all(
    list.map(field => populateValues(field)) 
).then(_=>list); 
} 

Answer 2

, dass jeder von Die Funktion ruft populateValues ​​() auf ist async, die Funktion foo wartet nicht auf die Liste Objekt zurückgeben.

können Sie machen foo die Ergebnisse der populateValues ​​erwarten die Antwort, die Sie erwarten zu bekommen.