Asyncawait in typescript
Download as PPTX, PDF0 likes420 views
The document summarizes a presentation about using async/await to write asynchronous JavaScript code in a synchronous style. It begins with an introduction to promises as the standard pattern for asynchronous programming. It then demonstrates how async/await allows writing asynchronous code that looks synchronous using async functions and the await keyword. Under the hood, async/await uses generators produced by the TypeScript compiler. The presentation includes code examples and demos of geolocation and reverse geocoding using promises and async/await. It concludes with additional resources for learning more about iterators, generators, and async/await.
Asyncawait in typescript
- 1. meetup.com/javascript-israel Thanks To Our Sponsors: • SUPPORT THE COMMUNITY: • SUBMIT YOUR LECTURE: facebook.com/groups/jsisrae http://bit.ly/jsil-apply http://bit.ly/jsil- sponsor
- 2. Fulfil the promise with async/await Ran Wahle
- 3. Did I forgot to record my screen ?"
- 4. A little about me Fullstack developer at Global-E Loves javascript
- 5. On the agenda Promises Promises gets dirty Async / await Under the hood of async / await Summray
- 6. Promises The pattern for async programming Has Become standard in es2015
- 7. Geolocation with promises demo
- 8. Demo – Geolocation and reverse Geocoding
- 9. Sink in promises promise.then(result => doSecondAsync (result) .then(result2 => doThirdAsync(result2) .then(resut3 => doFourthAsync(result3) .then(result4 => finish(result4)))));
- 10. Async / await Write asynchronous code in a “synchronous” way Async functions can use “await” expression The promises function ”returns” the actual result. The code after is the callback Exists in typescript since 1.7
- 11. Same sample with async / await var result = await promise(); var result2 = await doSecondAsync (result); var result3 = await doThirdAsync(result2); var result4 = await doFourthAsync(result3); finish(result4);
- 12. Geolocation and reverse Geocoding, Async/await
- 13. Generators A function with an asterisk Can “stop” and yied a result Used by typescript when compiling async/await
- 14. Summary async / await simplifies our promise code Typescript compilers produces generators You may use it when generators and promises are supported
- 15. Additional resources Async / Await from MSDN blog: https://blogs.msdn.microsoft.com/typescript/2015/11/03/what-about- asyncawait/ Iterators ang generators from MDN: https://developer.mozilla.org/en- US/docs/Web/JavaScript/Guide/Iterators_and_Generators Typescript site: http://www.typescriptlang.org/