How does javascript async/await actually work?

by

You have to read the quoted part slightly differently:

An async function can contain an await expression that pauses the execution of the async function

Just the async function itself pauses execution, the function that called it goes on then.

If you think of a synchronous callstack, what happens is that the asynchronous functions context gets popped of, and stored somewhere else:

 stack: [init] -> [async] fun1 -> sleep -> setTimeout
  // The promise gets returned from sleep
 stack: [init] -> [async] fun1
 // The async function gets popped of
 stack: [init]
 hidden: [async] fun1
 // synchronous execution ends
 stack: -
 hidden: [async] fun1
 // the timer triggers, the promise gets resolved
 stack: setTimeout callback
 hidden: [async] fun1
 // synchronous execution ends
 stack: -
 hidden: [async] fun1
 // the promise resolves, the async fun1 context gets moved onto the stack
 stack: [async] fun1

It seems fun1 returns at the “await” line

Yes, exactly. In that moment it returns a promise, that resolves when the async function returns (after it continued execution somewhen).

And it seems I never get the return value of fun1(“returnfromfun1”).

You can get it when the promise resolves:

  fun1().then(result => console.log(result));

More Related Contents:

  1. Is it an anti-pattern to use async/await inside of a new Promise() constructor?
  2. async/await always returns promise
  3. How to turn this callback into a promise using async/await?
  4. How to return values from async functions using async-await from function? [duplicate]
  5. Why is my infinite loop blocking when it is in an async function? [duplicate]
  6. How to “await” for a callback to return?
  7. What is the difference between JavaScript promises and async await?
  8. How to wait for a JavaScript Promise to resolve before resuming function?
  9. How to async await in react render function?
  10. SyntaxError: Unexpected token function – Async Await Nodejs
  11. How not to forget using await everywhere in Javascript?
  12. How to return an Ajax result using async/await? [duplicate]
  13. Understanding async/await on NodeJS
  14. using async await and .then together
  15. How to implement a pseudo blocking async queue in JS/TS?
  16. Async function without await in JavaScript
  17. What are asynchronous functions in JavaScript? What is “async” and “await” in JavaScript?
  18. How to wait until a predicate condition becomes true in JavaScript?
  19. Is async await truly non-blocking in the browser?
  20. Does an async function always need to be called with await?
  21. Await an iterative function without delimiter in JS
  22. Using “await” inside non-async function
  23. ASYNC / AWAIT SyntaxError: await is only valid in async functions and the top level bodies of modules
  24. JS async/await – why does await need async?
  25. Callback after all asynchronous forEach callbacks are completed
  26. Are all javascript callbacks asynchronous? If not, how do I know which are?
  27. Should an async API ever throw synchronously?
  28. Is there a way to wrap an await/async try/catch block to every function?
  29. Get Knex.js transactions working with ES7 async/await
  30. How to use the ‘main’ parameter in package.json?

Leave a Comment