JavaScript Async Await

In this illustration:
The fetchData function returns a Promise that resolves with simulated data after a delay of 2000 milliseconds. It also has the potential to simulate an error by rejecting the Promise.
The fetchDataAsync function is declared as async, allowing the use of the await keyword inside it. The await keyword is used to pause the execution of the function until the Promise returned by fetchData either resolves or rejects.
Inside the try block, the await fetchData() statement pauses the function until the Promise is resolved. If the Promise resolves successfully, the result is logged. If there's an error, it is caught in the catch block, and the error message is logged.
The fetchDataAsync function is then called, initiating the asynchronous operation.
This code structure makes asynchronous code more readable and easier to understand, especially when dealing with multiple asynchronous operations.