Why should you care?

Easier to read than long .then() chains. try/catch works for errors.

See it live — copy this example

Paste into an HTML file or the browser console (F12). Use Run below when the live editor is available.

function delay(ms) {
  return new Promise((r) => setTimeout(r, ms));
}

async function run() {
  console.log("Start");
  await delay(300);
  console.log("After 300ms");
}
run();

Run Example »

Edit the code below and click Run to see the result in Toolliyo’s live editor.

What happened?

• await delay(300) waits without blocking the whole browser — only the async function pauses.
• Other events still run.

Practice next

1. Run async run() and note Start / After 300ms order.
2. Wrap await in try/catch with intentional throw.
3. Call run() twice quickly — both run concurrently.
4. Sequential await two delays and log timestamps between them.
5. Use await Promise.all for two simultaneous fetches.

Remember

async function ... await promise Use try/catch for errors

ScriptVerse checkout flow

async function submitOrder awaits payment token then order creation in readable top-to-bottom code.

Outcome: async/await keeps complex flows maintainable compared to nested .then chains.