¿Cómo funcionan las promesas javascript?

En JavaScript, las promesas son una forma poderosa de manejar la asincronía. Permiten manejar operaciones que tardan tiempo en completarse, como solicitudes de red, operaciones de archivos, o cualquier cosa que requiera esperar a que algo suceda. Vamos a desglosar cómo funcionan y por qué son útiles.

¿Qué es una Promesa?

Una promesa en JavaScript es un objeto que representa la eventual finalización o falla de una operación asíncrona. Esencialmente, es un contenedor para un valor que aún no se conoce cuando se crea la promesa. Una promesa puede estar en uno de estos tres estados:

• Pendiente: El estado inicial de la promesa. El resultado no está disponible aún porque la operación asíncrona no se ha completado.
• Cumplida: Significa que la operación asíncrona se completó con éxito y la promesa tiene un valor de resolución.
• Rechazada: Significa que la operación falló y la promesa tiene un motivo de rechazo.

Creando una Promesa

Una promesa se crea usando el constructor Promise. Se proporciona una función ejecutora que tiene dos argumentos: resolve y reject. Estos son métodos para resolver o rechazar la promesa:

const miPromesa = new Promise((resolve, reject) => {
    setTimeout(() => {
        if (true) { // Simulación de una condición de éxito
            resolve('¡Éxito!');
        } else {
            reject('Fallo.');
        }
    }, 1000);
});

Consumiendo Promesas

Para usar una promesa, puedes utilizar los métodos .then() y .catch(). El método .then() se ejecuta cuando la promesa se cumple exitosamente, mientras que .catch() se ejecuta si la promesa es rechazada:

miPromesa
    .then((valor) => {
        console.log(valor); // '¡Éxito!'
    })
    .catch((error) => {
        console.error(error); // 'Fallo.'
    });

Encadenamiento de Promesas

Las promesas pueden ser encadenadas, lo que significa que puedes realizar varias operaciones asíncronas de manera secuencial. Cada .then() puede retornar otra promesa, permitiendo más operaciones asíncronas basadas en el resultado de la anterior:

miPromesa
    .then((valor) => {
        console.log(valor);
        return otraFuncionAsincrona(); // Retorna otra promesa
    })
    .then((nuevoValor) => {
        console.log(nuevoValor);
    })
    .catch((error) => {
        console.error(error);
    });

Las promesas son una parte crucial de escribir código JavaScript limpio y efectivo en operaciones asíncronas, facilitando el manejo de secuencias complejas de tareas asíncronas sin caer en el infame ""callback hell"".