Así funcionan las PROMESAS y ASYNC/AWAIT en JAVASCRIPT || Entiende la Asincronía
ฝัง
- เผยแพร่เมื่อ 23 ก.ค. 2024
- ¿Cómo funciona la asincronía en JavaScript? Manejar el código asíncrono puede ser un gran dolor de cabeza, sobretodo si estás empezando con JavaScript.
Enrtiende como funciona el flujo del código Asíncrono, las Promesas y Async/Await
00:00 Presentación
01:25 Sincronía vs Asincronía
04:43 Promesas
09:13 Async y Await
11:11 Top-Level Await
También pueden interesarte los siguientes vídeos
NOVEDADES DE ECMASCRIPT 2022
► • LO NUEVO que trae JAVA...
CURSO DE JAVASCRIPT COMPLETO DESDE CERO
► • 🟨 CURSO DE JAVASCRIPT ...
RESUELVO UNA PRUEBA TECNICA EN JAVASCRIPT PARA PROGRAMADOR JUNIOR
► • Resuelvo PRUEBA TÉCNIC...
ASI FUNCIONA THIS EN JAVASCRIPT
► • Qué es THIS en JAVASCR...
FUNDAMENTOS DE NODE.JS
► • PRIMEROS PASOS en NODE...
🔔 No olvides suscribirte y activar la campanita para no perderte ningún vídeo
► th-cam.com/users/carlosazaustre?su... - วิทยาศาสตร์และเทคโนโลยี
![How do Promises and Async/Await work in JavaScript [2022]?](/img/n.gif)
Trabaja como Freelance para Startups con Lemon
▶ l.lemon.io/carlosazaustre
la entrevista es en ingles verdad?
Excelente explicación, solo le agregaría la parte del try/catch para async/await
El mejor video que he visto, alfin entendi las promesas, muchas gracias por el video.
Me destapaste mucho con la asincronía, es un tema que fácil puede generarte muchas dudas si no lo estas repasando constantemente. Gracias por el aporte del top level await. A mi no me sirvio porque todavía trabajo con la versión 14 de node por tema de compatibilidad con algunos proyectos, pero está rebueno saber que existe
4:52 ¡Qué gratuito! Me gusta.
Muchas Gracias, fue bastante claro. Saludos !!
Dios, 13 min bastaron para que me aclara la mente con estos conceptos, Gracias Carlos !!!
Muchas gracias por este video, es la mejor explicación Async/Await que he visto
Gracias a ti ☺️
Gracias Carlos mas claro imposible!!
No entendía este tema, pero eres un salvador, por ti ya lo entiendo totalmente, realmente eres el mejor.
Por fín me quedó claro, muchas gracias!
Hermoso video, explicacion y instructor💙
Me encanta ver como hay diferentes alternativas para hacer ciertas cosas en JS, por ejemplo hoy estuve viendo XMLHttpReques, luego descubrí fetch y se me hizo mucho mas fácil, hasta que encontre la maravillosa forma de hacerlo con Aiox me encanto esto
Una vez amigo, tremendo video y claro como el agua🎉
Mil gracias! me alegro que te hayan servido ambos vídeos (soy la misma persona en los 2 xD)
Muy buen vídeo Carlos, enhorabuena
Gracias Crack! :) Me aelgro que te gustase!
Muchas gracias por tus vídeos Carlos!! Que bien explicas tío 💪
POR FIN LO ENTIENDO TODO
Gracias amigo
Como siempre, es increible el aporte, ya eres importal por solo compartir tanto conocimiento
Mil gracias por tus palabras Luis Fernando! 🙌🙌
Increible aporte!
Excelente, me ayudaste muchísimo con un concepto que me costaba entender. ¡Gracias!
Me alegro mucho ☺️
Muy buena explicacion, gracias por compartir tus conocimientos, yo lei la documentacion de MDN y no lo entendia muy bien.
Gracias por el video Carlos
Muy útil y claro. Sin duda ha sido un acierto ver este vídeo hoy.
Me alegro mucho! Gracias por comentarlo :)
Excelente video Carlos !!!! Muchas gracias , saludos desde Argentina !!!
Gracias Eugenio! me alegro que te sirviera :)
Increíble explicación, muchas gracias.
Éste es el tema que necesitaba y donde estaba trancado con Node.JS. gracias, tocayo
Me alegro que te haya servido compadre Carlucho! :)
Excelente explicación, me hiciste comprender muy rápido la diferencia entre lo síncrono y asíncrono. Eres un genio, muchas gracias por tu aporte!
Me alegro mucho Isela :)
Parce, ud explica super bien.
explicas retebien, muchas gracias!!!
Muchas gracias a ti ☺️
Hermoso como explica este crack! *.* Saludos desde Colombia!
Muchísimas gracias, Alejandra ☺️
que bien explicado, es un tema que cuando lo miras sin saber te parece como una cuesta arriba con muchísimo pendiente pero despues de esta explicacion me he dado cuenta que realmente es una valle planito y lleno de flores
Jejej muchas gracias Neyk, me alegro que te haya servido :)
Bro que bien explicas. Respect
Muy clara y sencilla de enteder, crack!!
Genial!! 🙌
¡Muy buen vídeo!
Muy bueno y útil 👍🏻
Perdona que te corrija pero aunque se esperara la respuesta en el minuto 4:12 daria undefined porque el return esta funcionando únicamente en el callback del setTimeout por lo que la funcion getData nunca retorna nada
Muy buena explicación. Me suscribo.
Muchas gracias Ivan! Espero que te sirvan mis tutoriales y vídeos :)
Mas claro, ni el agua. Genial la explicación.Saludos y gracias por cada aporte
A ti Susana!
esta explicación está más clara que la anterior. Gracias
Muchas gracias Erick! Me alegro que te haya servido!
Excelete, Especifico, Concreto y Sustancial
🙌🙌🙌
La mejor explicación de este tema
Muchas gracias Yan Luis :)
Eres muy bueno explicando
😌 muchas gracias Jesús!
Muchas gracias, lo que no pude entender en horas lo entendi en 13 min
Que buena manera de enseñar!
😍🥰
Muy buena explicación, por cierto que fuente usas en el editor?
gracias Carlos
Una vez hecho el then exitoso, como hago para obtener la respuesta de la promesa y guardarla en un espacio de memoria en el scope global sin el async await?
Muchas gracias!!! 🧙♂
A ti! Espero que te hay servido :)
A ti! Espero que te hay servido :)
Qué interesante ver como ASYNC es el equivalente de SUSPEND en Kotlin. Mola ver estos conceptos en otros lenguajes y no estar únicamente viendo todo lo relacionado con Android. Grande, Carlos! 🤗
Al final todos los lenguajes y plataformas se van unificando. Igual que los componentes y las vistas ya son comunes en web y ya llevan tiempo en android :)
Máquina Carlitos
A verlo 👀
bien explicado
No entiendo porque dices que getdata es una funcion asincrona, si es normal, el unico problema es que retorna una promesa, eso lo vuelve asincrona?
Otra duda que tengo es si es posible usar el await para esperar la ejecucion de una funcion normal, es decir sincrona.
Excelente explicación!!! Pregunta...con ASYNC/AWAIT como capturo el ERROR en caso de haber algun problema como es el reject en la promesas??
try...catch
Me queda clarísimo, Carlos, muchas gracias 🙏🏼
Aunque tengo un par de dudas:
1. ¿No sería recomendable usar bloques try-catch para manejar los errores en async-await?
2. Si necesitara acceder a los datos durante la resolución de la promesa (dentro del paréntesis del new Promise(), ¿cómo lo haría? En ese caso porque la variable data está en el mismo scope donde estás definiendo la promesa pero, ¿y en los casos en los que no?
Un saludo y un abrazo, me gustó mucho🤗
Lo leíste de un aguacate🥑
uno si es recomendable usar try-catch, dos si necesitas el valor de una promise deberías retornar el error o los datos en una función aparte para llamarla donde quieras y que te responda el resultado
tengo una duda en la linea " const books = await getData() " como puede funcionar este await si esta por fuera de una funcion asincrona?, inluso trate de hacerlo pero en la consola me sale un error especificando que en efecto esta por fuera de una funcion asincrona.
No se si aun tengas esa duda pero era porque estaba ablando de nodejs, no de js puro
Hola amigo tengo una duda, con respeto no se si es duda o no pero fech es distinto a async/await, es decir o uso fech o uso async/await?, cualquiera de los dos es valido y cual recomendarias usar y el porque ? muhas gracias
Hola! Son cosas distintas. Fetch es la función que te permite hacer peticiones HTTP para traer o enviar datos. Esta función es asíncrona, por lo que necesitas los mecanismos de las promesas o async/await para utilizarla.
Me ha quedado una duda, Por qué al final el array te aparece de inmediato si dentro de la función promise estaba el setTimeOut? ¿Y como se llamarían a los errores con Top-level await? Gracias por tu video, he visto una clase de promesas en Platzi y no me ha quedado claro, con tu video he terminado de entenderlo.
le responde mas facil a los comentarios que le da las gracias que a las dudas que ha generado
Cual es la extension que usa para que se vean los resultados en la parte izquierda?
Utilizo una App llamada RunJs
Una pregunta, las Arrow function son las mismas Callback? me tiene confundido eso!
Las Arrow Functions son una forma abreviada de escribir funciones en JavaScript. Se utilizan mucho para las callback porque así reducimos el código y se hace más legible .
Carlos tienes pensado subir más proyectos para practicar con Js ? Un saludo
¿Qué proyectos te refieres? Tengo algunas ideas locas en la cabeza pero aún las tengo que aterrizar jeje
@@CarlosAzaustre algún proyecto como consumir una api cómo el proyecto de React o quizás una api nuestra , o algún crud , proyecto que nos permita ir practicando el conocimiento que das en cada vídeo , estaría genial ver qué ideas tiene usted :D
Crei que ibamos a hablar del event loop :C
Otro día :)
parce, de muchos tutoriales el mas claro, ni la MDN lo puedo haber hecho mejor.
¿Quien copió a quién? th-cam.com/video/rKK1q7nFt7M/w-d-xo.html
Somos el mismo xD
@@CarlosAzaustre 😂😂😂😂😂 No lo noté.
NO SE INGLES.. MAN.
El video está en español
como haces para escribir js en esa consola al final?
Es una App que se llama RunJS, la tienes en RunJS.app