Promises and Async/Await

Here's an example showing both Promises and async/await in action:

// Using Promises
function fetchData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve("Data received!");
    }, 2000);
  });
}

fetchData().then(data => {
  console.log("Promise:", data);
}).catch(error => {
  console.error(error);
});

// Using Async/Await
async function getData() {
  try {
    const result = await fetchData();
    console.log("Async/Await:", result);
  } catch (error) {
    console.error(error);
  }
}

getData();
          

This code demonstrates:

• Creating and using Promises.
• Chaining .then() and handling errors with .catch().
• Writing cleaner asynchronous code using async functions.
• Awaiting asynchronous results with await.

A Promise represents a value that may be available now, or in the future, or never. It has three states: pending, fulfilled, and rejected.

• resolve() is called when the async task succeeds.
• reject() is used when the task fails.

Async/Await is syntactic sugar over Promises, enabling you to write asynchronous code that looks synchronous.

• async before a function makes it return a Promise.
• await can only be used inside async functions and waits for the Promise to resolve.

• Fetching data from APIs using fetch() or axios.
• Delaying operations or animations using timeouts.
• Handling user input events asynchronously.
• Building real-time applications with WebSockets or Firebase.
• Executing background tasks or file uploads.