DEV Community

Daniel Mezagini
Daniel Mezagini

Posted on

Promesas - Ejemplo Básico

Las promesas son utilizadas cuando se deben ejecutar tareas a destiempo o cuando se necesita ejecutar algo después de que una tarea suceda o algún procedimiento

  • Cuando declaras una nueva promesa, se debe indicar al menos el callback que se quiere ejecutar con la promesa.

Nuestra promesa

console.log('Inicio del Init');

    const promesa = new Promise(resolve => {
      resolve('Hola World');
    });

    promesa.then( res => {
      console.log(`Se imprimió el ${res}`)
    });

    console.log('Fin del init');
Enter fullscreen mode Exit fullscreen mode

Le estamos diciendo, si la promesa se ejecuta correctamente, llama a resolve.

res - se recibe el resolve de la promesa en el then.

¿Cómo interactuamos con la promesa?

Tenemos que suscribirnos a ella. Eso lo hacemos con uno de los tres métodos que vienen con ella. catch(), finally() y then.

then() - Método que contendrá instrucciones a ejecutar en caso de que la promesa se ejecute con éxito.

catch() - Método que contendrá instrucciones a ejecutar en caso de que la promesa haya tenido un error.

fnally() - Método que contendrá instrucciones a ejecutar sin importar si la promesa tuvo éxito o error. Siempre se ejecutará esta parte.

Si se ejecuta el código anterior, tenemos el siguiente resultado:

1- Inicio del Init
2- Fin del init
3- Se imprimió el Hola World
Enter fullscreen mode Exit fullscreen mode

Ejemplo manejando el error:


    console.log('Inicio del Init');

    const promesa = new Promise((resolve, reject) => {

      if (true) // coloca false para ejecutar el .catch()
      {
        resolve('Hola World');
      }
      else
      {
        reject('algo salió mal');
      }
    });

    promesa.then( res => {
      console.log(`Se imprimió el ${res}`)
    })
    .catch(error => console.log('Error en la promesa: ', error));

    console.log('Fin del init');

  }
Enter fullscreen mode Exit fullscreen mode

Discussion (0)