Can you explain async/await in JavaScript with examples?

Can you explain async/await in JavaScript with examples?

Sure! Async/await is a way to handle asynchronous operations in JavaScript. It makes your code look synchronous, which is easier to read. For example, here's a simple async function:

async function fetchData() {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    return data;
}

In this example, fetchData is an async function that waits for the fetch call to complete before proceeding.

What happens if the fetch fails?

Good question! If the fetch fails, you can handle it using a try/catch block. Here's how you can modify the previous example:

async function fetchData() {
    try {
        const response = await fetch('https://api.example.com/data');
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        const data = await response.json();
        return data;
    } catch (error) {
        console.error('There was a problem with the fetch operation:', error);
    }
}

Can you give me another example using async/await?

Absolutely! Here's another example that simulates a delay using setTimeout:

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

async function delayedGreeting() {
    await delay(2000); // Wait for 2 seconds
    console.log('Hello after 2 seconds!');
}

delayedGreeting();

How does this compare to using Promises directly?

Using async/await is generally cleaner and more readable than chaining Promises. With async/await, you can write asynchronous code that looks synchronous, which helps avoid callback hell and makes error handling easier.