DEV Community

Laxman Nemane
Laxman Nemane

Posted on

Async/Await Demystified πŸ’¬πŸ’‘

The most fascinating topic to learn about today is highly beneficial for every JavaScript developer.πŸš€ πŸ–₯️.

async/await :

  • It is primarily used for managing asynchronous code.
  • async and await are syntax enhancements in JavaScript that make it easier to work with Promises. They allow you to write asynchronous code that looks and behaves like synchronous code.

  • async: You can add the async keyword before a function to make it an asynchronous function. An async function always returns a Promise.

  • awaitβŒ›: You use the await keyword inside an async function to pause the execution of the function until the Promise is settled.

Error Handling πŸ”΄:
Handling errors in async/await is done using try/catch blocks, just like with synchronous code.

async function fetchData() {
  try {
    let response = await fetch("URL");
    if (!response.ok) throw new Error("Network response was not ok");
    let data = await response.json();
    console.log(data);
  } catch (error) { 
// the error will be caught in the catch() block 
    console.error("Error fetching data:", error);
  }
}

fetchData();
Enter fullscreen mode Exit fullscreen mode

Thank you for reading! 😊🌟

Top comments (0)