JavaScript Async and Await Explained Simply

Async/Await is syntactic sugar that makes promises easier to work with. It allows us to write asynchronous code that's similar in appearance to synchronous code.

async function showScore() {
  console.log("Reading score");
  const score = await Promise.resolve(42);
  console.log(score);
  return "Finished";
}
showScore()
  .then((message) => console.log(message))
  .catch((error) => console.log(error.message));
console.log("Script continues");

OutputReading score Script continues 42 Finished

AI panel

Ask AI to clarify the parts you don’t fully understand, or go more in depth with MDN documentation.

✦ AI panel

AI panel