Assíncrono · unidade 20 de 27

Async e await

A sintaxe muda. O contrato continua sendo uma Promise.

8 min de leitura · 7 cards · 16 exercícios

Card 1 de 7: Async e await01 / 07

Leitura

Como async transforma retornos, o que await realmente pausa e quando operações independentes devem rodar em paralelo.

No backend, esse fundamento aparece quando o código transforma entrada em decisão. O detalhe de linguagem deixa de ser acadêmico no momento em que altera um payload, uma regra de negócio ou a forma como uma falha chega à camada seguinte.

A forma mais útil de estudar é ligar a sintaxe a um contrato observável: o que entra, o que pode mudar, qual resultado sai e qual erro deve continuar o fluxo. É esse raciocínio que os exemplos e exercícios desta unidade procuram treinar.

Código

exemplo.js
async function loadDashboard() {
  const [user, flags] = await Promise.all([
    getUser(),
    getFlags(),
  ])

  return { user, flags }
}

O que fica

  • Toda função async devolve uma Promise.
  • Await suspende aquela função, não o runtime inteiro.
  • Operações independentes podem começar juntas e ser aguardadas com Promise.all.

Prática guiada.Leia, rode, quebre e explique cada exercício.

Prática guiada / unidade 20

Um problema de cada vez.

Leia o contrato, escreva sua tentativa e confira os casos esperados. A resolução de referência permanece visível ao final de cada exercício.

Fundamentalexercício 01 / 16

delayAsync(ms, value)

01 / Entenda

Enunciado

await uma Promise criada com setTimeout, depois retorne value.

02 / Implemente

Sua tentativa

Comece pela assinatura e resolva sem olhar a resposta.

ponto de partida
async function delayAsync(ms, value) {
  // Escreva sua solução aqui.
}

03 / Preveja

Entrada e saída

Use estes exemplos para entender o contrato antes de programar.

Entrada / chamada

delayAsync(10, "ok")

Retorno esperado

resolve com o valor após o atraso

04 / Teste

Prove que funciona

O teste chama sua função e compara o resultado real com o esperado.

Como utilizar este teste

  1. 01Implemente a função usando exatamente o nome e os parâmetros do enunciado.
  2. 02Salve sua implementação em exercises.js, na mesma pasta do teste.
  3. 03Abra o terminal nessa pasta e execute o comando abaixo.
  4. 04Se falhar, compare “esperado” com “recebido”; essa diferença mostra o caso que precisa ser corrigido.
node --test --test-name-pattern="delayAsync" exercises.test.js

Comportamentos cobertos

  • resolve com o valor após o atraso
Ver código completo do teste
test("delayAsync: resolve com o valor após o atraso", async () => {
  const result = await delayAsync(10, "ok");
  assert.equal(result, "ok");
});

Ainda travou?

Dicas graduais

Nível 1 — direção, sem código

Para delayAsync: você já escreveu new Promise((resolve) => setTimeout(...)) na Unidade 19. O que muda agora é só a palavra await na frente da chamada, dentro de uma async function.

Nível 2 — pista mais direta

delayAsync: await new Promise((resolve) => setTimeout(resolve, ms)); return value;

05 / Compare

Resolução

Esta área permanece livre em todos os exercícios. O código atual da unidade aparece abaixo para comparação com os testes e casos esperados.
código disponível
async function delayAsync(ms, value) {
  throw new Error("not implemented: delayAsync");
}