Creating promises with an async function

The async functions are an easy way to create and work with promises. In this recipe, we'll see a basic form of this.

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 04-01-creating-Promise-with-async.
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 someTask:

// main.js 
async function someTask () { 
   console.log('Performing some task'); 
} 

5. Create a main that calls someTask and logs messages before and after someTask is executed:

export function main () { 
  console.log('before task'); 
  someTask(); 
  console.log('after task created'); 
}  

6. Chain a then call off of someTask and log a message in the callback function:

export function main () { 
  console...