Así funcionan las PROMESAS y ASYNC/AWAIT en JAVASCRIPT || Entiende la Asincronía

Рет қаралды 41,216

Learn JavaScript with Carlos Azaustre

Күн бұрын

¿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
► kzfaq.info?su...

Пікірлер: 103

@CarlosAzaustre Жыл бұрын

Trabaja como Freelance para Startups con Lemon ▶ l.lemon.io/carlosazaustre

@psluigisuarez 11 ай бұрын

la entrevista es en ingles verdad?

@juan.carloz Жыл бұрын

Excelente explicación, solo le agregaría la parte del try/catch para async/await

@mjuyg4rh8a 8 ай бұрын

4:52 ¡Qué gratuito! Me gusta.

@felipehernandez7938 Жыл бұрын

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

@marcianoterricola Жыл бұрын

Gracias Carlos mas claro imposible!!

@charlysalega4386 Жыл бұрын

Increible aporte!

@javierruizdiaz5724 10 ай бұрын

POR FIN LO ENTIENDO TODO Gracias amigo

@santimoreno4643 Жыл бұрын

Muchas Gracias, fue bastante claro. Saludos !!

@jaroldmauricioruda1274 4 ай бұрын

Hermoso video, explicacion y instructor💙

@stivenmedina2825 Жыл бұрын

El mejor video que he visto, alfin entendi las promesas, muchas gracias por el video.

@RoHeT__ 23 күн бұрын

No entendía este tema, pero eres un salvador, por ti ya lo entiendo totalmente, realmente eres el mejor.

@Deus-lo-Vuilt Жыл бұрын

Gracias por el video Carlos

@JORDAN7514 2 ай бұрын

Por fín me quedó claro, muchas gracias!

@cesarferneypintocalderon2693 9 ай бұрын

Parce, ud explica super bien.

@jorge1869 Жыл бұрын

Bro que bien explicas. Respect

@FuenRob Жыл бұрын

¡Muy buen vídeo!

@Fenixrdlf Жыл бұрын

Como siempre, es increible el aporte, ya eres importal por solo compartir tanto conocimiento

@CarlosAzaustre Жыл бұрын

Mil gracias por tus palabras Luis Fernando! 🙌🙌

@oscarandio2677 Жыл бұрын

Muy bueno y útil 👍🏻

@sprintwithcarlos Жыл бұрын

Muy buen vídeo Carlos, enhorabuena

@CarlosAzaustre Жыл бұрын

Gracias Crack! :) Me aelgro que te gustase!

@mateoduque6935 Жыл бұрын

Muy clara y sencilla de enteder, crack!!

@CarlosAzaustre Жыл бұрын

Genial!! 🙌

@josu_abad 2 ай бұрын

Muchas gracias por tus vídeos Carlos!! Que bien explicas tío 💪

@nucleoinfinito9542 3 ай бұрын

Increíble explicación, muchas gracias.

@eugeniofiori Жыл бұрын

Excelente video Carlos !!!! Muchas gracias , saludos desde Argentina !!!

@CarlosAzaustre Жыл бұрын

Gracias Eugenio! me alegro que te sirviera :)

@danempp Жыл бұрын

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

@inadaptadoart9170 Жыл бұрын

Excelente, me ayudaste muchísimo con un concepto que me costaba entender. ¡Gracias!

@CarlosAzaustre Жыл бұрын

Me alegro mucho ☺️

@mongil94 9 ай бұрын

Muy útil y claro. Sin duda ha sido un acierto ver este vídeo hoy.

@CarlosAzaustre 9 ай бұрын

Me alegro mucho! Gracias por comentarlo :)

@jomasful1 11 ай бұрын

Una vez amigo, tremendo video y claro como el agua🎉

@CarlosAzaustre 11 ай бұрын

Mil gracias! me alegro que te hayan servido ambos vídeos (soy la misma persona en los 2 xD)

@Angel-qy9in 7 ай бұрын

Muy buena explicacion, gracias por compartir tus conocimientos, yo lei la documentacion de MDN y no lo entendia muy bien.

@unoonu7396 Жыл бұрын

explicas retebien, muchas gracias!!!

@CarlosAzaustre 10 ай бұрын

Muchas gracias a ti ☺️

@CarlosRegesDev Жыл бұрын

Éste es el tema que necesitaba y donde estaba trancado con Node.JS. gracias, tocayo

@CarlosAzaustre Жыл бұрын

Me alegro que te haya servido compadre Carlucho! :)

@yeisonstivensanzcastro3263 Жыл бұрын

A verlo 👀

@yanluisnunezlara319 Жыл бұрын

La mejor explicación de este tema

@CarlosAzaustre Жыл бұрын

Muchas gracias Yan Luis :)

@mr.fabian8471 8 ай бұрын

Dios, 13 min bastaron para que me aclara la mente con estos conceptos, Gracias Carlos !!!

@frey.o.o Жыл бұрын

gracias Carlos

@valenciaDev Жыл бұрын

Eres muy bueno explicando

@CarlosAzaustre Жыл бұрын

😌 muchas gracias Jesús!

@oscarnavarroaviles9900 Жыл бұрын

Muchas gracias por este video, es la mejor explicación Async/Await que he visto

@CarlosAzaustre 10 ай бұрын

Gracias a ti ☺️

@10tronic Жыл бұрын

Muy buena explicación. Me suscribo.

@CarlosAzaustre Жыл бұрын

Muchas gracias Ivan! Espero que te sirvan mis tutoriales y vídeos :)

@andrescruz8589 Жыл бұрын

Que buena manera de enseñar!

@CarlosAzaustre Жыл бұрын

😍🥰

@milito-no.k3149 5 ай бұрын

Máquina Carlitos

@HAleprimo10 8 ай бұрын

Hermoso como explica este crack! *.* Saludos desde Colombia!

@CarlosAzaustre 8 ай бұрын

Muchísimas gracias, Alejandra ☺️

@ericksanchezcorrea4285 Жыл бұрын

esta explicación está más clara que la anterior. Gracias

@CarlosAzaustre Жыл бұрын

Muchas gracias Erick! Me alegro que te haya servido!

@susanareina4580 9 ай бұрын

Mas claro, ni el agua. Genial la explicación.Saludos y gracias por cada aporte

@CarlosAzaustre 9 ай бұрын

A ti Susana!

@alefcode Жыл бұрын

Excelete, Especifico, Concreto y Sustancial

@CarlosAzaustre Жыл бұрын

🙌🙌🙌

@iselaestrada6043 Жыл бұрын

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!

@CarlosAzaustre 10 ай бұрын

Me alegro mucho Isela :)

@Wiiiiizard Жыл бұрын

Muchas gracias!!! 🧙‍♂

@CarlosAzaustre Жыл бұрын

A ti! Espero que te hay servido :)

@CarlosAzaustre Жыл бұрын

A ti! Espero que te hay servido :)

@CristianCris-tm8hf 5 ай бұрын

Muchas gracias, lo que no pude entender en horas lo entendi en 13 min

@neyk Жыл бұрын

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

@CarlosAzaustre Жыл бұрын

Jejej muchas gracias Neyk, me alegro que te haya servido :)

@AdrianCraft07 Жыл бұрын

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

@soygabimoreno Жыл бұрын

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! 🤗

@CarlosAzaustre Жыл бұрын

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 :)

@Allkobs 10 ай бұрын

Muy buena explicación, por cierto que fuente usas en el editor?

@santiagoavalos3637 Жыл бұрын

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?

@ch1nux1430 Жыл бұрын

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🥑

@dannysolano8183 Жыл бұрын

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

@fher77 Жыл бұрын

Excelente explicación!!! Pregunta...con ASYNC/AWAIT como capturo el ERROR en caso de haber algun problema como es el reject en la promesas??

@andreasdevjs298 Жыл бұрын

try...catch

@Deus-lo-Vuilt Жыл бұрын

Carlos tienes pensado subir más proyectos para practicar con Js ? Un saludo

@CarlosAzaustre Жыл бұрын

¿Qué proyectos te refieres? Tengo algunas ideas locas en la cabeza pero aún las tengo que aterrizar jeje

@Deus-lo-Vuilt Жыл бұрын

@@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

@todounpoco1611 10 ай бұрын

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

@CarlosAzaustre 10 ай бұрын

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.

@asddsa-eh8jh 9 ай бұрын

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.

@alejandrocastrilllon9703 Жыл бұрын

Cual es la extension que usa para que se vean los resultados en la parte izquierda?

@CarlosAzaustre 10 ай бұрын

Utilizo una App llamada RunJs

@Demetori112 Жыл бұрын

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.

@cuentayoutube3899 11 ай бұрын

le responde mas facil a los comentarios que le da las gracias que a las dudas que ha generado

@juanfelipe8378 4 ай бұрын

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.

@coffeymint9868 12 күн бұрын

No se si aun tengas esa duda pero era porque estaba ablando de nodejs, no de js puro

@user-zm8pg4vw8s 11 ай бұрын

Una pregunta, las Arrow function son las mismas Callback? me tiene confundido eso!

@CarlosAzaustre 10 ай бұрын

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 .