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
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
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
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
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?
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 :)
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.
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.
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 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
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 .
@@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
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.
![How do Promises and Async/Await work in JavaScript [2022]?](http://i.ytimg.com/vi/rKK1q7nFt7M/mqdefault.jpg)
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
4:52 ¡Qué gratuito! Me gusta.
Dios, 13 min bastaron para que me aclara la mente con estos conceptos, Gracias Carlos !!!
No entendía este tema, pero eres un salvador, por ti ya lo entiendo totalmente, realmente eres el mejor.
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
Muy útil y claro. Sin duda ha sido un acierto ver este vídeo hoy.
Me alegro mucho! Gracias por comentarlo :)
Muchas gracias por este video, es la mejor explicación Async/Await que he visto
Gracias a ti ☺️
Hermoso video, explicacion y instructor💙
Muy buena explicacion, gracias por compartir tus conocimientos, yo lei la documentacion de MDN y no lo entendia muy bien.
Mas claro, ni el agua. Genial la explicación.Saludos y gracias por cada aporte
A ti Susana!
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 :)
Excelente video Carlos !!!! Muchas gracias , saludos desde Argentina !!!
Gracias Eugenio! me alegro que te sirviera :)
Gracias Carlos mas claro imposible!!
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)
Muchas Gracias, fue bastante claro. Saludos !!
El mejor video que he visto, alfin entendi las promesas, muchas gracias por el video.
Muchas gracias por tus vídeos Carlos!! Que bien explicas tío 💪
Bro que bien explicas. Respect
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 :)
explicas retebien, muchas gracias!!!
Muchas gracias a ti ☺️
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
Parce, ud explica super bien.
POR FIN LO ENTIENDO TODO
Gracias amigo
Hermoso como explica este crack! *.* Saludos desde Colombia!
Muchísimas gracias, Alejandra ☺️
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 buen vídeo Carlos, enhorabuena
Gracias Crack! :) Me aelgro que te gustase!
Éste es el tema que necesitaba y donde estaba trancado con Node.JS. gracias, tocayo
Me alegro que te haya servido compadre Carlucho! :)
Excelete, Especifico, Concreto y Sustancial
🙌🙌🙌
Por fín me quedó claro, muchas gracias!
esta explicación está más clara que la anterior. Gracias
Muchas gracias Erick! Me alegro que te haya servido!
Increible aporte!
Increíble explicación, muchas gracias.
Muy buena explicación. Me suscribo.
Muchas gracias Ivan! Espero que te sirvan mis tutoriales y vídeos :)
Muchas gracias, lo que no pude entender en horas lo entendi en 13 min
La mejor explicación de este tema
Muchas gracias Yan Luis :)
Eres muy bueno explicando
😌 muchas gracias Jesús!
Excelente, me ayudaste muchísimo con un concepto que me costaba entender. ¡Gracias!
Me alegro mucho ☺️
Gracias por el video Carlos
Como siempre, es increible el aporte, ya eres importal por solo compartir tanto conocimiento
Mil gracias por tus palabras Luis Fernando! 🙌🙌
Muy clara y sencilla de enteder, crack!!
Genial!! 🙌
Que buena manera de enseñar!
😍🥰
Muchas gracias!!! 🧙♂
A ti! Espero que te hay servido :)
A ti! Espero que te hay servido :)
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?
gracias Carlos
¡Muy buen vídeo!
Muy bueno y útil 👍🏻
Máquina Carlitos
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 :)
A verlo 👀
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
Muy buena explicación, por cierto que fuente usas en el editor?
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.
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
Cual es la extension que usa para que se vean los resultados en la parte izquierda?
Utilizo una App llamada RunJs
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 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
bien explicado
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
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
Crei que ibamos a hablar del event loop :C
Otro día :)
¿Quien copió a quién? th-cam.com/video/rKK1q7nFt7M/w-d-xo.html
Somos el mismo xD
@@CarlosAzaustre 😂😂😂😂😂 No lo noté.
parce, de muchos tutoriales el mas claro, ni la MDN lo puedo haber hecho mejor.
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