Awaiting the result of async functions

In the previous recipe, we saw how to use async to create functions that resolve promises. However, we used the Promise API then callback to wait for the result. In many situations, we can use the await key word to wait for these values. It gets the job done, but there is a cleaner way to retrieve results from asynchronous functions.

This recipe demonstrates how to use await in order to return the result of a long-running operation.

Getting ready

This recipe assumes you already have a workspace that allows you to create and run ES modules in your browser. If you don't, please see the first two chapters.

How to do it...

1. Open your command-line application and navigate to your workspace.
2. Create a new folder named 4-02-await-async-results.
3. Copy or create an index.html that loads and runs a main function from main.js.

4. Create a main.js with an async function named getRandomNumber that returns a random number:

// main.js 
async function getRandomNumber () { 
   return...