JavaScript uses asynchronous programming to handle tasks like fetching data, handling files, and timers. Async/Await provides a cleaner, more readable way to handle asynchronous operations compared to Promises and Callbacks. Let’s break it down! 🔥

🔹 What is Async/Await? 🤔

✅ Async/Await is syntactic sugar over Promises. It makes asynchronous code look and behave more like synchronous code while still being non-blocking.

✅ async is used to declare a function that returns a Promise.

✅ await is used to pause the function execution until a Promise is resolved.

🔍 Before Async/Await: Using Promises

function fetchData() {
    return new Promise((resolve) => {
        setTimeout(() => {
            resolve("Data received ✅");
        }, 2000);
    });
}

fetchData().then(data => console.log(data));
console.log("Fetching data...");

Output:

Fetching data...
(Data received ✅ after 2 sec)

🎯 Using Async/Await – Cleaner Code!

async function getData() {
    console.log("Fetching data...");
    let data = await fetchData(); // Wait for Promise to resolve
    console.log(data);
}

getData();

Output:

Fetching data...
(Data received ✅ after 2 sec)

🛑 Key Difference: