Tudo sobre Async e Await - Funções assíncronas em JavaScript
Ғылым және технология
📒 Ebook gratuito de JavaScript avançado: www.horadecodar.com.br/ebook-...
★ Nossos Cursos: www.horadecodar.com.br/cursos...
★ Artigo sobre Async/Await: www.horadecodar.com.br/2021/0...
O que são funções assíncronas em JavaScript?
Primeiramente é importante entender como são constituídas as #async functions
O que muita gente não sabe é que os retornos são baseados em Promises, recebemos o retorno tanto se forem executadas como também se forem rejeitadas
Baseado nisso, podemos entender que as funções assíncronas são uma espécie de Promise, pois condicionam a sua execução na espera de alguns retornos, onde utilizamos a expressão await
E na maioria dos casos uma Promise pode ser simplificada por uma função com async e await
Por isso é super importante entender o que é uma Promise e também o que é async #await de #JavaScript
Sintaxe da função assíncrona
A função assíncrona tem menos recursos que as Promises, aqui precisamos nos atentar basicamente a dois detalhes
Toda função que vai utilizar o recurso precisa iniciar com async
E onde necessitamos esperar por alguma resposta que eventualmente demorará mais que a execução do código, precisamos utilizar a expressão await
Um exemplo: uma inserção de dados no banco pode demorar um pouco, então para receber uma resposta positiva antes de tomar outra ação condicionamos a inserção em uma função assíncrona
Assim é possível esperar todo o processo do banco de dados finalizar para darmos andamento ao nosso sistema
★ Livros recomendados: www.horadecodar.com.br/ebooks...
▶ Instagram: @horadecodar
▶ GitHub: github.com/matheusbattisti/ 🔷 Telegram: t.me/horadecodar .
🟣 Discord Hora de Codar: / discord
Пікірлер: 90
📒 Ebook gratuito de JavaScript avançado: www.horadecodar.com.br/ebook-javascript-avancado-gratuito/
Meu amigo, deveria ter uma estátua em sua homenagem, por causa de seu grande e excelente serviço feito para nós, desenvolvedores web, kkkkk. Brincadeiras à parte, confesso que estava bastante desanimado no meu aprendizado de Javascript e outras ferramentas da linguagem, mas com suas aulas tive um up e voltei a ter o mesmo entusiasmo no desenvolvimento web. Muito obrigado! Os céus não esquecerão o bem que vc está fazendo para todos nós!
@MatheusBattisti
2 жыл бұрын
opa Daniel hahaha, obrigado pelo comentário, descontrai um pouco o dia da gente e ajuda a continuar, abraço!
@jeffersonteodoro8421
3 ай бұрын
fala amigo, seguiu carreira na programção?
Comprei seu livro de JavaScript e React na Amazon e são excelentes. Também estou fazendo os cursos, seus também, na Udemy. E ainda tem esse canal? Bom demais. Programei bastante em PHP, Javascript com jquery, html e css. Hoje estou mais afim de desenvolver com .NET e React. Aí a gente vai tendo que se aperfeiçoar mais e mais. Parabéns pelo trabalho e sucesso!
Matheus, eu te amo kkk! Comprei seu curso de React Zero a Maestria, to curtindo demais! Consigo absorver tudo, e as vezes só pra ter certeza venho pesquisar abordagens, como async que foi citado no curso, já sabendo q vou achar um video seu explicando certinho KKK saio do seu curso pra pesquisar no seu canal, bom demais
Valeu. Obrigado por partilhar conhecimento.
Simples, rápido e direto, show de bola.
entendi muito obrigado!
Finalmente alguém conseguiu fazer eu entender isso de forma clara! Parabéns!
muito obrigado, agr finalmente vi tudo sobre assincronismo
Muito obrigado! Finalmente consegui entender Async e Await
Excelente Obrigado!
Obrigado por comartpilhar seu conhecimento conosco, me ajudou reoslver um problema que já esta desistindo hehe
ótima aula!
Se já tinha alguma dúvida sobre assync/await cairam todas por terra, parabéns pela didática, comprando seu e-book como uma pequena retribuição e acredito que vá me ajudar ainda mais no JS
mt boa explicação!!
Ótimo conteúdo!
Tu sabe muito
Tem ótima didatica
Que aula! meus amigos 👏👏👏 vim através do livro Javascript para iniciantes
fera d+
Completo!!😀😀
Muito bom Matheus, parabens!!
@MatheusBattisti
2 жыл бұрын
obrigado Marcos!
Show de bola a aula!!!! Parabéns, fica com DEUS!
@MatheusBattisti
2 жыл бұрын
valeu Rodrigo!
Excelente vídeo, me ajudou mt, parabéns!
@MatheusBattisti
2 жыл бұрын
valeuu Victor =)
Super vídeo. Assunto muito interessante.
@MatheusBattisti
2 жыл бұрын
valeu Werner!
muiro bom irmão
Matheus, Ótima explicação, tmj 👊
@MatheusBattisti
2 жыл бұрын
valeu Marcelo!
Parabéns! Mais uma aula excelente.
@MatheusBattisti
2 жыл бұрын
valeuu Eric!
Ajudou bastante, valeuzão!
@MatheusBattisti
2 жыл бұрын
de nada Júlio!
boa aula
Valeu demais, Matheus! Para quem ficou boiando, recomendo assistir o vídeo do Matheus Battisti sobre sobre Promisses (Aprenda tudo sobre Promises de JavaScript em 20 minutos). Na minha percepção, async await serve para impor que uma função precedida de await seja esperada, independentemente da ordem de prevalência da execução do código. Então, async await é especialmente útil para fazer o fluxo do código esperar pela conclusão de funções assíncronas (como as Promises), do contrário a ordem natural de prevalência de execução do código iria deixar a execução das funções assíncronas para depois das funções não-assíncronas (que, por serem consideradas mais rápidas, recebem a prioridade de execução).
Excelente aula. Parabéns
@MatheusBattisti
2 жыл бұрын
muito obrigado Orpheu!
Sensacional!
@MatheusBattisti
2 жыл бұрын
valeu Júlio!
Excelente!
@MatheusBattisti
2 жыл бұрын
obrigado Cleyson!
Top!
Valew pelo vídeo. Sou jr e estou trabalhando com api e promises. Ainda estou no começo e seus vídeos tem me ajudado bastante.
@MatheusBattisti
2 жыл бұрын
show Alexander, obrigado por compartilhar!
Vlw msm!
@MatheusBattisti
2 жыл бұрын
de nada Junyor!
Muito bom o conteudo :D
@MatheusBattisti
2 жыл бұрын
valeuu Lucas!
Bisonho como sempre que tenho um problema e busco na net e encontro vídeos desse cara, meu problema é resolvido??? kkkk o cara é potente demais
Muito bom o curso de node
@MatheusBattisti
2 жыл бұрын
valeu Allan, vai ter uma live quarta-feira =D
Faz uma live de duvidas
Show👏👏
@MatheusBattisti
2 жыл бұрын
valeuu Zeriel!
To esperando seu curso de flutter kkkk seus cursos são otimos!
@MatheusBattisti
2 жыл бұрын
haha valeu brother!
4:43 codigo no vs code :)
Parabéns pelo excelente conteúdo. Sou dev front-end e sou seu fã.
@MatheusBattisti
2 жыл бұрын
muito obrigado por acompanhar Ednaldo!
@MrDvcosta
2 жыл бұрын
Battisti é o cara!
@danillowillian3269
10 ай бұрын
Dev Junior ?
Olá, a aula é muito boa, mas fiquei com duvida. O await é por exemplo: espere ser mostrado iniciou para que você (primeiraFuncao()) seja executado?
Só faltou uma coisa, eu consigo exibir o dado em um console.log, mas como dou um return em uma variavel que recebe por exemplo um objeto para eu poder usar fora da função?
Tragam uma medalha para esse cara ele merece kkkkk, excelente conteúdo obrigado.
@MatheusBattisti
Жыл бұрын
valeuu Eliel!
Didática diferenciada. Comprei um curso da onebitcode porém a didática não é boa, se eu tivesse descoberto o seu canal antes...Mas ppesno em comprar o do JavaScript avançado. Mais um inscrito.
@MatheusBattisti
2 жыл бұрын
valeuu!
@hawks2271
Жыл бұрын
Concordo completamente com você, estou tirando minhas dúvidas no KZread porque tem muita com mal colocada lá
o meu deu undefined
Pq essa função Async apareceu ativada no meu iPhone e agora não aparece mais ?
Excelente conteúdo Matheus!! Estou usando async/await para obter o nome de usuário no Firestore. Porém, eu realmente notei esse delay para aparecer o nome sempre que dou refresh na página. Tem como evitar esse delay ou para isso eu teria que abrir mão de async/await?
@MatheusBattisti
2 жыл бұрын
opa Arnon, é o tempo de requisição, isso é normal quando vc acessa uma API =)
@arnonrdp
2 жыл бұрын
Fala Matheus! Apenas pra atualizar e pra quem vir esse comentário futuramente: consegui melhorar o delay preservando o estado do que é requisitado. Como estou usando Vue, adicionei o Vuex ao meu projeto, com o estado preservado ele não carrega novamente caso não haja mudança. Forte abraço!
@loloAraujo777
2 жыл бұрын
@@arnonrdp isso que você usou no Vue é parecido com "useEffect" do React?
@arnonrdp
2 жыл бұрын
@@loloAraujo777 eu diria que é parecido com o Redux.
👏👏👏👏👏👏👏👏👏👏👏👏
Fala Matheus, fiquei com uma dúvida, o que que o resolve() faz?
@eliseteparaujo
Жыл бұрын
Descobriu? Estou com a mesma dúvida
Tenho curso teu da udemy
pq async function n funciona no vue?
@loloAraujo777
2 жыл бұрын
claro que funciona '-'
@TIAGO543211
2 жыл бұрын
@@loloAraujo777 kkk sim, eu q tava fazendo caquinha
Uma dica, seu site de cursos está quebrando abrindo pelo celular. Acredito que seja o formulário que esteja fazendo isso. Da um confere depois.
;-;
Muito bom, obrigado