What is the difference between async functions and promises in JavaScript?

What is the difference between async functions and promises in JavaScript?

Async functions are a higher-level abstraction built on top of promises. They allow you to write asynchronous code that looks synchronous, making it easier to read and maintain.

Can you give me an example of how to use async functions?

Sure! Here's a simple example:

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

This function fetches data from an API and waits for the response before proceeding.

How do error handling and promises work together?

You can handle errors in promises using .catch(), and in async functions, you can use try-catch blocks. For example:

async function fetchData() {
    try {
        const response = await fetch('https://api.example.com/data');
        return await response.json();
    } catch (error) {
        console.error('Error fetching data:', error);
    }
}