DEV Community

Daniel Mezagini
Daniel Mezagini

Posted on

1

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

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay