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, you can define an async function like this:

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:

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 I use async/await with multiple promises?

Yes, you can! You can use Promise.all to wait for multiple promises to resolve. Here's an example:

async function fetchMultipleData() {
    try {
        const [data1, data2] = await Promise.all([
            fetch('https://api.example.com/data1'),
            fetch('https://api.example.com/data2')
        ]);
        const json1 = await data1.json();
        const json2 = await data2.json();
        return [json1, json2];
    } catch (error) {
        console.error('Error fetching data:', error);
    }
}