Explicación PROMESAS EN AJAX

Avatar

Hola Equipo de EDTEAM! Bueno mi consulta es que ya llevo terminando el curso de ajax , voy por la parte de promesas en donde me dificulto un poco con la teoria y para que sirve, simplemente quisiera que me explicaran no tan tecnicamente y un ejemplo como para entender para que sirve la parte de promesas en un proyecto real, he buscado otras informaciones pero no me queda claro. Lo que si pueda saber puedo explicar (CON MIS PALABRAS) que es asíncrona y sincrona. ASICRONA: Cuando es cuando ejecutas un parte de código en segundo plano osea puede seguir navegando e interactuando en la web mientras se procesa algo. SINCRONA: Es cuando ejecutar el codigo uno por uno, ejemplo : cuando clickeas un boton, no puedes hacer nada en la ventana hasta que termine el proceso.

Quisiera que los docentes me expliquen con sus propias palabras sobre las PROMESAS EN AJAX, un ejemplo no tan técnico. Gracias.

1respuestas
Avatar

Hola Alexander las promesas lo que buscan es una simplificacion de la programacion asincrona, por ejemplo si quieres realizar muchas operaciones con callbacks seria algo asi

 hacerAlgo(resultado => {
  hacerOtraCosa(resultado2 => {
    hacerAlgoMas(resultado3 => {
       hacerLoUltimo(resultado4 => {
             console.log('Termino')
         })
     })
  })
})

Lo que ves arriba es un callback hell un codigo asincrono dificil de seguir y mantener, las promesas buscan solucionar esto, mira lo siguiente

  hacerAlgo()
   .then(resultado => {
     return hacerOtraCosa()
   })
   .then(resultado2 => {
     return hacerAlgoMas()
   })
   .then(resultado3 => {
     return  hacerLoUltimo()
   })
   .then(resultado4 => {
     console.log('Termino')
   })

Como puedes ver es mas sencillo seguir este codigo, ejecutas tu promesa y cuando esta termine el resultado de esta operacion te vendra como el parametro en el then() al hacer un return de otra promesa en un then en el otro then() tendras el resultado de esa operacion, todo esto sin bloquear la ejecucion de tu programa, al ser operaciones asincronas

Necesitas iniciar sesión para responder.
¿En qué estamos trabajando?
JavaScript en el navegador

JavaScript en el navegador

JavaScript es un lenguaje que vive en el navegador y nos permite manipular el DOM.