async e await

Curso de Introdução ao JavaScript

Bem-vindo e introdução

O que vamos aprender no curso?

Apresentando codesandbox.io, o ambiente de desenvolvimento que será utilizado ao longo do treinamento

Começando com JavaScript

Ambientes que utilizam JavaScript: Web, Servidor (Node.JS).

Tipos de dados: String, Boolean, Number, Undefined e Null, Object.

Variáveis

Funções

Condicionais: if e else, operador ternário e switch

Laços: while e do... while, for, for...in e for...of

Escopo

Tratamento de erros (try, catch e finally)

Atribuições e Operadores

Adição e subtração

Multiplicação, divisão e módulo

Comparação de valores

Tipos de referência

Qual a diferença entre tipos de valor e tipos de referência?

Object

Array

Desestruturação de objetos e arrays

Date

Expressões regulares

Funções

A palavra reservada this

Parâmetros opcionais

Parâmetros rest

Classes

Criando e utilizando classes

Declarando propriedades e métodos

Propriedades e métodos estáticos

Herança

JavaScript no navegador

DOM (Document Object Model) e BOM (Browser Object Model)

Eventos

O que é um evento?

Reagindo a eventos

Propagação de eventos

Programação assíncrona

Callbacks

Promises

async e await

Como seguir em frente

Modularizando seu código com ES modules

Conhecendo o Prettier

Continuando com Prettier

Conhecendo o ESLint

Conhecendo o Webpack

Encerramento do Curso

Você ainda não tem acesso a esta aula

Crie uma conta e continue vendo este curso

Criar uma conta

Se você já tem uma conta,

Entrar

Recursos

O async e await é uma sintaxe especial que te permite trabalhar com promises de forma mais sequencial e confortável, permitindo inclusive pôr trechos de código de programação assíncrono dentro de blocos try/catch.

Exemplo:
const operacaoDemorada = (callback) => {
console.log(‘começando a operação’);
return new Promise((resolve, reject) => {
setTimeout( () => {
console.log(‘finalizando…’);
resolve({ nome: ‘Luís’ });
/* reject(new Error(‘ops’)); */
}, 1500);
});
};

    const rodeApp = async () => {
            const pessoa = await operacaoDemorada();
            console.log(pessoa);
    };

O async e await é também muito utilizado para fazer requisições HTTP.

Exemplo:
const busqueUsuario = async () => {
const result = await fetch(‘https://reqres.in/api/users/2’);
const dados = await result.json();
console.log(dados);
};

Contribuições 5

Perguntas 0

Ordenar por:

As contribuições, perguntas e respostas são vitais para aprender em comunidade. Registre-se ou faça login para participar .

mayarasilva

muito bom.

lucianodiisouza

é muito interessante ver como o react aproveitou bem o javascript e todas as suas features, async e await é um conceito empregadíssimo no react,

Karina Machado

explicação clara e objetiva.

Nathan Pereira

show

Valéria Padilha De Vargas

Logo quando eu estava começando com NodeJS eu acabei criando uma Promise Hell pq o resultado da primeira chamada iria ser usado nas próximas, tinha virado uma pirâmide de funções, desse jeito que você mostrou ficou bem mais como fugir disso. Gostei bastante da sua didática, parabéns.