Handling errors when awaiting an async function

So far in this chapter, we've seen how to work with async functions that fulfill successfully. But, as we know, this is not always the case. We need to be able to handle errors that are thrown by asynchronous functions, or any functions they call.

In this recipe, we'll see how try-catch blocks can handle errors that are thrown by async functions.

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-07- async-errors-try-catch.
3. Copy or create an index.html that loads and runs a main function from main.js.
4. Create an async function, addBoosters, that throws some error:

async function addBoosters() { 
  throw new Error('Unable to add Boosters'); 
} 

5. Create an async function, performGuidanceDiagnostic, that also throws an error...