Async/Await

New additions to recent versions of JavaScript (since ES2017-ES8) make working with asynchronous logic easier, more transparent, and result in your code looking almost as if it were synchronous. This is the async/await syntax, which is one of the most exciting and useful additions to the language in recent years. We'll just dive right in and get a feel for how the async and await keywords are used by way of an example.

We will now present the changes you would make to refactor the promise code as you left it in the Further Refinements to addDelay() section to use async/await instead. Firstly, recall the main processing code that looked like this:

myFetch(ALL_LEAGUES_URL)
  .then(leagueData => getTeamsInLeague(leagueData, LEAGUE_NAME))
  .then(teamData => getPlayersOnTeam(teamData, TEAM_NAME))
  .then(playerData => getPlayerHonors(playerData))
  .catch(console.log)

When refactored to use the await syntax, it...