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...