How can I handle errors in asynchronous JavaScript code?

How can I handle errors in asynchronous JavaScript code?

You can use try-catch blocks with async/await or handle errors in promises using .catch(). Which method do you prefer?

Can you show me an example using async/await?

Sure! Here's a simple example:

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

This will catch any errors that occur during the fetch operation.

What about using promises directly?

When using promises, you can handle errors like this:

fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error('Error fetching data:', error));

This way, any error in the promise chain will be caught in the .catch() block.

Are there any best practices for error handling in async code?

Yes! Some best practices include:

1. Always handle errors to avoid unhandled promise rejections.
2. Use specific error messages for easier debugging.
3. Consider using a logging library for better error tracking.