Me he encontrado con dos estilos comunes de código JavaScript async/await:
for await (const a of [x1, x2, x3, x4]) { //do stufF }y
[x1, x2, x3, x4].forEach(async (a) { //do stuff }¿Hay alguna ventaja de rendimiento (u otras) para cualquiera de estos?
editar: suponga que cada instancia de x es una promesa.
El ciclo for no continuará con la siguiente entrada en el ciclo hasta que la promesa se haya liquidado.
El bucle forEach activará la función asíncrona que le pasa para cada promesa de inmediato y, suponiendo que await la promesa dentro de esa función, se pondrá en suspensión hasta que se resuelva la promesa.
Dado que sus variables contienen promesas, cualquier trabajo que estén haciendo ya se está haciendo en paralelo, por lo que el único factor de decisión aquí es si desea continuar su procesamiento en orden o tan pronto como sea posible .
(async function() { const x1 = new Promise(r => setTimeout(() => { console.log('Resolve x1'); r("x1") }, 3500)); const x2 = new Promise(r => setTimeout(() => { console.log('Resolve x2'); r("x2") }, 4000)); const x3 = new Promise(r => setTimeout(() => { console.log('Resolve x3'); r("x3") }, 3000)); const x4 = new Promise(r => setTimeout(() => { console.log('Resolve x4'); r("x4") }, 2000)); for await (const a of [x1, x2, x3, x4]) { console.log(`${a} available inside loop`); } })(); (async function() { const x1 = new Promise(r => setTimeout(() => { console.log('Resolve x1'); r("x1") }, 3500)); const x2 = new Promise(r => setTimeout(() => { console.log('Resolve x2'); r("x2") }, 4000)); const x3 = new Promise(r => setTimeout(() => { console.log('Resolve x3'); r("x3") }, 3000)); const x4 = new Promise(r => setTimeout(() => { console.log('Resolve x4'); r("x4") }, 2000)); [x1, x2, x3, x4].forEach(async function (a) { const value = await a; console.log(`${value} available inside loop`); }); })();