JavaScriptEasy
How do you handle errors in asynchronous operations?
By FrontendPro Editorial Team Updated 8/8/2026
#JavaScript
Answer
To handle errors in asynchronous operations, you can use try...catch blocks with async/await syntax or .catch() method with Promises. For example, with async/await, you can wrap your code in a try...catch block to catch any errors:
js
async function fetchData() {
try {
// Invalid URl
const response = await fetch("https://api.example.com/data");
const data = await response.json();
console.log(data);
} catch (error) {
console.error("Error fetching data:", error);
}
}
fetchData(); // Error fetching data: ....
With Promises, you can use the .catch() method:
js
fetch("https://api.example.com/data") // Invalid URl
.then((response) => response.json())
.then((data) => console.log(data))
.catch((error) => console.error("Error fetching data:", error));