JavaScript Promises: Lifecycle, Thenable Chaining & Promise Combinators

Introduced in ES6, a Promise is an object representing the eventual completion (or failure) of an asynchronous operation and its resulting value. Promises eliminate Callback Hell by enabling clean, linear method chaining and centralized error handling.

Figure 9: The Promise Lifecycle: Pending state transitions to Fulfilled (.then) or Rejected (.catch), culminating in .finally().

Creating a Promise

const verifyEnrollment = (studentId) => {
    return new Promise((resolve, reject) => {
        console.log("Checking university registrar database...");
        setTimeout(() => {
            if (studentId > 0) {
                resolve({ id: studentId, status: "Enrolled", semester: 4 });
            } else {
                reject(new Error("Invalid Student ID provided."));
            }
        }, 1200);
    });
};

// Consuming the Promise:
verifyEnrollment(1042)
    .then(data => {
        console.log("Success:", data);
        return data.semester; // Value passed to next .then()
    })
    .then(sem => {
        console.log(`Student is active in Semester ${sem}`);
    })
    .catch(err => {
        console.error("Error Caught:", err.message);
    })
    .finally(() => {
        console.log("Operation Complete: Registrar connection closed.");
    });

Promise Combinators (Parallel Execution)

// Running 3 independent network queries in parallel:
const fetchWeather = Promise.resolve("Sunny, 28°C");
const fetchNews = Promise.resolve("Campus Tech Fest Announced");
const fetchAlerts = Promise.resolve("No Alerts");

Promise.all([fetchWeather, fetchNews, fetchAlerts])
    .then(([weather, news, alerts]) => {
        console.log(`Dashboard: ${weather} | News: ${news}`);
    });