Nas aulas anteriores, aprendemos sobre Promises e Try, Catch, Finally e vimos como elas resolvem os problemas dos callbacks, trazendo mais organização ao código assíncrono, além de evitar o travamento da execução do código.
Mas ainda assim, o uso de then e catch pode deixar o código longo e difícil de acompanhar.
Para resolver isso, o JavaScript introduziu async e await, que permitem escrever código assíncrono com cara de código síncrono.
🎯 Objetivo da aula
Ao final desta aula, você será capaz de:
- Entender o que são async e await
- Escrever código assíncrono mais legível
- Substituir
thenecatch - Tratar erros com
tryecatch - Ler código assíncrono como se fosse síncrono
O problema que async/await resolve
Veja um exemplo usando Promises:
buscarDados() .then(dados =>
{
console.log(dados); return processarDados(dados);
}) .then(resultado =>
{
console.log(resultado);
}) .catch(erro =>
{
console.log(erro);
}); Funciona, mas a leitura não é tão natural.
Agora veja a mesma lógica usando async e await.
O que significa async?
Quando você coloca async antes de uma função, você está dizendo:
👉 “Essa função trabalha com Promises”.
Toda função async sempre retorna uma Promise, mesmo que você não perceba.
async function exemplo() { return "Olá"; }
exemplo().then(resposta =>
{
console.log(resposta);
});
console.log(resposta); // Saída será "Olá" O que significa await?
O await só pode ser usado dentro de funções async.
Ele diz ao JavaScript:
👉 “Espere essa Promise terminar antes de continuar”.
Mas atenção: isso não trava a aplicação.
Primeiro exemplo completo
function buscarDados()
{
return new Promise(resolve =>
{
setTimeout(() =>
{
resolve("Dados carregados");
}, 2000);
});
}
async function executar()
{
const dados = await buscarDados();
console.log(dados);
}
executar();
console.log(dados);
// Saída será "Dados carregados" (após 2 segundos) Leia esse código como:
- Espere buscar os dados
- Depois, use o resultado
Comparando Promise vs async/await
Com then:
buscarDados().then(dados => { console.log(dados); }); Com async/await:
const dados = await buscarDados(); console.log(dados); Tratando erros com try/catch
Com async/await, tratamos erros usando try e catch.
function falhar()
{
return Promise.reject("Erro ao carregar dados");
}
async function executar()
{
try {
const resultado = await falhar();
console.log(resultado);
}
catch (erro)
{
console.log(erro);
}
}
executar();
console.log(erro);
// Saída será "Erro ao carregar dados" Código assíncrono que parece síncrono
Esse é o grande poder do async/await:
- Fluxo mais claro
- Menos indentação
- Leitura natural
- Mais fácil de debugar
await fora de função async causa erro. Resumo da aula para nunca mais esquecer
asyncdefine funções assíncronasawaitespera uma Promise terminar- O código fica mais legível
- Erros são tratados com
try/catch - É a forma moderna de lidar com assincronicidade
Na próxima aula, vamos entender o que é uma API.
HARDWARE
Entendendo o seu computador
O que há dentro do meu computador?
Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.
Você Sabia?
PC com barulho?
Excesso de barulho dentro do seu gabinete, principalmente logo que você o liga, pode ser sintoma de problemas nas ventoinhas, que podem precisar ser limpas ou trocadas. Entre em contato com um técnico de sua confiança e verifique isso o quanto antes.
Final Fantasy
O famoso título Final Fantasy, da Square Enix, tem este nome exatamente porque se tratava da última esperança da empresa, que estava à beira da falência quando o lançou. Clique aqui e conheça detalhes dessa história.
ENIAC
O ENIAC, primeiro computador valvulado do mundo, possuía 17.000 válvulas, 500.000 pontos de solda, 30 toneladas de peso e ocupava uma área de 180 metros quadrados. Clique aqui e conheça mais sobre a história dos computadores.
Ábaco
O ábaco é o dispositivo de cálculo mais antigo construído e conhecido pelo homem. Suas formas mais primitivas datam de 400 a.C. e eles foram encontrados na China e na Babilônia. Para saber mais sobre a história dos computadores, clique aqui.
Muitos aplicativos
Instalar vários aplicativos com o mesmo propósito, como editores de texto, reprodutores de músicas ou vídeos e até programas antívirus sobrecarregam o seu sistema operacional e ainda ocupam espaço desnecessário em seu HD. Tenha apenas um bom programa para cada função.










