Write an Asynchronous Function with async/await

InstructorMarius Schulz

Share this video with your friends

Send Tweet

This lesson introduces the ES2017 async and await keywords. It shows how to write a short asynchronous function that makes an HTTP request and parses the response.

Dwayne
~ 7 years ago

before i study how to write async and await, can you point to a video maybe of the various problems that this would solve... thx

Marius Schulzinstructor
~ 7 years ago

The await operator can make asynchronous code flows easier to understand. This is especially true for nested or conditional async operations. It works with ES2015 promises (in fact, with any thenable) out of the box, so it's not too difficult to integrate it into existing codebases.

Prodigious
~ 7 years ago

How are you able to execute functions with await and async when these are not supported yet by Node, I checkout the git repo and run it but did't get this running, what did I miss ? BTW great course. Thanks.

Marius Schulzinstructor
~ 7 years ago

Current Node versions (7.6 and above) do support asynchronous functions already! Check the Kangax compatibility table for detailed information.

Sunit Jindal
~ 7 years ago

Great tutorial! One question, which version of Node.js did you use and I believe this feature is yet to land in LTS version.

Marius Schulzinstructor
~ 7 years ago

As of today, the most up-to-date LTS version is v6.10.3, which doesn't support async/await. The upcoming v8.0.0 version will add support once it ships.

Chris Frewin
~ 7 years ago

Hi Marius,

I can't even run async.js, node is throwing SyntaxError: Unexpected identifier for fetch. I've installed node-fetch locally and globally:

npm install node-fetch --save

npm install --global node-fetch

respectively, but it's still throwing the error.

What am I missing? Do I need to do something with Babel, or does node handle that automatically? My node version is 7.2.1 and npm 3.10.10

Cheers,

Chris

Marius Schulzinstructor
~ 7 years ago

Node v7.2.1 doesn't support async and await yet, you'll have to upgrade to at least v7.6, or better yet, v7.10.0 (the newest version as of today).

Erkan Buelbuel
~ 7 years ago

first of all: pretty cool lesson, well done,.. missing parts: stop/interrupt the async-calls on user interaction (e.g. click a stop button, or on route-change etc,..)

Jonas
~ 7 years ago

Great course, thanks! Which editor/editor-plugins are you using for this split view?

Marius Schulzinstructor
~ 7 years ago

I'm using the native macOS capabilities: Do a long press on the green maximize button and drag the window to either side, then select another one — that's it!

ARJUNKUMAR
~ 7 years ago

Thatz cool tip. Thanks

Tobiah Rex
~ 7 years ago

What editor plugin are you using for the function hover tooltip showing a function returns a promise? 🤔

Marius Schulzinstructor
~ 7 years ago

I use Visual Studio Code, which ships with this sort of tooling by default — no additional plugins required.

Ivana
~ 7 years ago

How do I run this locally?

Brendan Whiting
~ 7 years ago

Getting json from the response is asynchronous? Seems odd.