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

Поделиться
HTML-код
  • Опубликовано: 26 окт 2024

Комментарии • 104

  • @CarlosAzaustre
    @CarlosAzaustre  2 года назад +1

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

  • @juan.carloz
    @juan.carloz 2 года назад +33

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

  • @mjuyg4rh8a
    @mjuyg4rh8a Год назад +3

    4:52 ¡Qué gratuito! Me gusta.

  • @felipehernandez7938
    @felipehernandez7938 2 года назад +15

    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

  • @mr.fabian8471
    @mr.fabian8471 Год назад +1

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

  • @RoHeT__
    @RoHeT__ 4 месяца назад

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

  • @mongil94
    @mongil94 Год назад

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

  • @HAleprimo10
    @HAleprimo10 Год назад

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

    • @CarlosAzaustre
      @CarlosAzaustre  11 месяцев назад

      Muchísimas gracias, Alejandra ☺️

  • @nucleoinfinito9542
    @nucleoinfinito9542 7 месяцев назад

    Increíble explicación, muchas gracias.

  • @oscarnavarroaviles9900
    @oscarnavarroaviles9900 Год назад +2

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

  • @jomasful1
    @jomasful1 Год назад

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

    • @CarlosAzaustre
      @CarlosAzaustre  Год назад

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

  • @unoonu7396
    @unoonu7396 Год назад +1

    explicas retebien, muchas gracias!!!

  • @jorge1869
    @jorge1869 Год назад

    Bro que bien explicas. Respect

  • @eugeniofiori
    @eugeniofiori 2 года назад

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

    • @CarlosAzaustre
      @CarlosAzaustre  2 года назад

      Gracias Eugenio! me alegro que te sirviera :)

  • @marcianoterricola
    @marcianoterricola 2 года назад

    Gracias Carlos mas claro imposible!!

  • @jaroldmauricioruda1274
    @jaroldmauricioruda1274 8 месяцев назад

    Hermoso video, explicacion y instructor💙

  • @santimoreno4643
    @santimoreno4643 2 года назад

    Muchas Gracias, fue bastante claro. Saludos !!

  • @susanareina4580
    @susanareina4580 Год назад

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

  • @alefcode
    @alefcode 2 года назад +1

    Excelete, Especifico, Concreto y Sustancial

  • @JORDAN7514
    @JORDAN7514 6 месяцев назад

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

  • @stivenmedina2825
    @stivenmedina2825 2 года назад

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

  • @sprintwithcarlos
    @sprintwithcarlos 2 года назад

    Muy buen vídeo Carlos, enhorabuena

    • @CarlosAzaustre
      @CarlosAzaustre  2 года назад

      Gracias Crack! :) Me aelgro que te gustase!

  • @josu_abad
    @josu_abad 6 месяцев назад

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

  • @danempp
    @danempp Год назад +1

    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

  • @Angel-qy9in
    @Angel-qy9in 11 месяцев назад

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

  • @javierruizdiaz5724
    @javierruizdiaz5724 Год назад

    POR FIN LO ENTIENDO TODO
    Gracias amigo

  • @iselaestrada6043
    @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!

  • @neyk
    @neyk 2 года назад

    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
      @CarlosAzaustre  2 года назад +1

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

  • @cesarferneypintocalderon2693
    @cesarferneypintocalderon2693 Год назад

    Parce, ud explica super bien.

  • @CarlosRegesDev
    @CarlosRegesDev 2 года назад

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

    • @CarlosAzaustre
      @CarlosAzaustre  2 года назад

      Me alegro que te haya servido compadre Carlucho! :)

  • @AdrianCraft07
    @AdrianCraft07 2 года назад +2

    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

  • @charlysalega4386
    @charlysalega4386 2 года назад

    Increible aporte!

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 года назад

    Gracias por el video Carlos

  • @ericksanchezcorrea4285
    @ericksanchezcorrea4285 2 года назад

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

    • @CarlosAzaustre
      @CarlosAzaustre  2 года назад

      Muchas gracias Erick! Me alegro que te haya servido!

  • @milito-no.k3149
    @milito-no.k3149 9 месяцев назад +2

    Máquina Carlitos

  • @valenciaDev
    @valenciaDev Год назад

    Eres muy bueno explicando

  • @inadaptadoart9170
    @inadaptadoart9170 Год назад

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

  • @yanluisnunezlara319
    @yanluisnunezlara319 Год назад

    La mejor explicación de este tema

  • @10tronic
    @10tronic Год назад

    Muy buena explicación. Me suscribo.

    • @CarlosAzaustre
      @CarlosAzaustre  Год назад

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

  • @frey.o.o
    @frey.o.o 2 года назад

    gracias Carlos

  • @mateoduque6935
    @mateoduque6935 2 года назад

    Muy clara y sencilla de enteder, crack!!

  • @CristianCris-tm8hf
    @CristianCris-tm8hf 8 месяцев назад

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

  • @Fenixrdlf
    @Fenixrdlf 2 года назад

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

    • @CarlosAzaustre
      @CarlosAzaustre  2 года назад

      Mil gracias por tus palabras Luis Fernando! 🙌🙌

  • @FuenRob
    @FuenRob 2 года назад

    ¡Muy buen vídeo!

  • @santiagoavalos3637
    @santiagoavalos3637 2 года назад +2

    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?

  • @soygabimoreno
    @soygabimoreno 2 года назад +1

    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
      @CarlosAzaustre  2 года назад +1

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

  • @andrescruz8589
    @andrescruz8589 2 года назад

    Que buena manera de enseñar!

  • @Wiiiiizard
    @Wiiiiizard 2 года назад

    Muchas gracias!!! 🧙‍♂

  • @oscarandio2677
    @oscarandio2677 2 года назад

    Muy bueno y útil 👍🏻

  • @yeisonstivensanzcastro3263
    @yeisonstivensanzcastro3263 2 года назад

    A verlo 👀

  • @ch1nux1430
    @ch1nux1430 2 года назад

    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
      @dannysolano8183 2 года назад +3

      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

  • @Allkobs
    @Allkobs Год назад

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

  • @asddsa-eh8jh
    @asddsa-eh8jh Год назад

    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.

  • @fher77
    @fher77 2 года назад

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

  • @brunomercadosarsano993
    @brunomercadosarsano993 3 месяца назад

    bien explicado

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 года назад

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

    • @CarlosAzaustre
      @CarlosAzaustre  2 года назад +1

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

    • @Deus-lo-Vuilt
      @Deus-lo-Vuilt 2 года назад

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

  • @juanfelipe8378
    @juanfelipe8378 8 месяцев назад

    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
      @coffeymint9868 4 месяца назад

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

  • @todounpoco1611
    @todounpoco1611 Год назад

    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
      @CarlosAzaustre  Год назад

      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.

  • @alejandrocastrilllon9703
    @alejandrocastrilllon9703 Год назад

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

  • @CarlosFernandez-g8w
    @CarlosFernandez-g8w Год назад

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

    • @CarlosAzaustre
      @CarlosAzaustre  Год назад

      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 .

  • @Demetori112
    @Demetori112 2 года назад

    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.

    • @SabioDelDerecho
      @SabioDelDerecho Год назад

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

  • @RicardoGeek
    @RicardoGeek 2 года назад

    Crei que ibamos a hablar del event loop :C

  • @oscargomez8799
    @oscargomez8799 Год назад

    ¿Quien copió a quién? ruclips.net/video/rKK1q7nFt7M/видео.html

  • @tavoochoa100
    @tavoochoa100 Год назад

    parce, de muchos tutoriales el mas claro, ni la MDN lo puedo haber hecho mejor.

  • @edgardoabarral628
    @edgardoabarral628 2 года назад

    NO SE INGLES.. MAN.

  • @HDSRosa
    @HDSRosa 2 года назад

    como haces para escribir js en esa consola al final?

    • @CarlosAzaustre
      @CarlosAzaustre  Год назад

      Es una App que se llama RunJS, la tienes en RunJS.app