How can I use async/await with the Fetch API in JavaScript?

How can I use async/await with the Fetch API in JavaScript?

You can use async/await to handle asynchronous operations with the Fetch API. First, define an async function.

Can you show me a code example?

Sure! Here's a simple example:

async function fetchData(url) {
    try {
        const response = await fetch(url);
        const data = await response.json();
        console.log(data);
    } catch (error) {
        console.error('Error fetching data:', error);
    }
}

This function fetches data from a given URL and logs it.

What if the fetch fails?

In the example, the try...catch block will handle any errors that occur during the fetch operation.

Can I use this with other APIs?

Absolutely! You can use async/await with any API that returns a promise, not just the Fetch API.