Como o async/await funciona?

Question

Accepted Answer

`async/await` é **açúcar sintático sobre Promises** que permite você escrever código assíncrono que se parece com código síncrono. Uma função `async` sempre retorna uma Promise; `await` pausa a função até que uma Promise seja resolvida, então retoma com seu valor.

```js
async function loadUser(id) {
  try {
    const res = await fetch(`/api/users/${id}`); // pause until the response
    const user = await res.json();               // pause until parsed
    return user;                                  // becomes the resolved value
  } catch (err) {
    console.error(err); // catches rejections from any await above
  }
}
```

## Sequencial vs paralelo — um erro comum de desempenho

`await` executa as coisas **uma após a outra**. Se duas requisições não dependem uma da outra, aguardá-las em sequência é desastrosamente lento:

```js
// ❌ sequential — total time = a + b
const a = await getA();
const b = await getB();

// ✅ parallel — total time = max(a, b)
const [a, b] = await Promise.all([getA(), getB()]);
```

## Tratamento de erros

Use `try/catch` em vez de `.catch`. Uma promise aguardada rejeitada lança um erro, então um único `catch` cobre todo o bloco.

## Sob o capô

Ainda são Promises e a fila de microtask — `await` não bloqueia a thread; cede controle para que outro código seja executado, depois retoma. Não esqueça: chamar uma função `async` sem `await` (ou `.catch`) pode engolir erros.

## Por que isso importa

Torna os fluxos assíncronos legíveis e é o padrão moderno para sequenciar trabalho assíncrono — mas você deve conscientemente paralelizar operações independentes com `Promise.all`.