Choose Language

Lesson 1 of 3 ┬╖ Async Patterns & Streams
Advanced тАФ deep dive тП▒ 12 min

The Async Await Episode I Promised

Watch this lesson to understand The Async Await Episode I Promised тАФ takes about 12 minutes.

What You Will Learn

  • Async/Await рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб рдХреЛ рд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб рдХреА рддрд░рд╣ рд▓рд┐рдЦрдирд╛ рд╕реАрдЦреЗрдВрдЧреЗ
  • рдкреНрд░рдорд┐рд╕ рдФрд░ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб рдХреЛ рд╕рдордЭрдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓реЗрдЧреА
  • рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб рдХреЛ рдПрдХ рд╕рд╛рде рдЪрд▓рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд░реЛрдорд┐рд╕.рдСрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╕реАрдЦреЗрдВрдЧреЗ

Key Concepts

  • рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ: рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдПрдХ рд╕рд┐рдВрдЧрд▓-рдереНрд░реЗрдбреЗрдб рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ рд▓реИрдВрдЧреНрд╡реЗрдЬ рд╣реИ, рд▓реЗрдХрд┐рди рд╡реЗрдм рдкрд░ рдХрд┐рдпрд╛ рдЬрд╛рдиреЗ рд╡рд╛рд▓рд╛ рдЕрдзрд┐рдХрд╛рдВрд╢ рдХрд╛рдо рдмреНрд▓реЙрдХрд┐рдВрдЧ рдпрд╛ рд╕рдордп рд▓реЗрдиреЗ рд╡рд╛рд▓рд╛ рд╣реЛрддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ рдПрдХ рдЖрд╡рд╢реНрдпрдХ рдХреМрд╢рд▓ рд╣реИред
  • рдЗрд╡реЗрдВрдЯ рд▓реВрдк: рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рдиреЛрдбрдЬреЗрдПрд╕ рдореЗрдВ рдПрдХ рдЗрд╡реЗрдВрдЯ рд▓реВрдк рд╣реЛрддрд╛ рд╣реИ рдЬреЛ рд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб рдХреЛ рдЪрд▓рд╛рддрд╛ рд╣реИ рдФрд░ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдЗрд╡реЗрдВрдЯ рдХреЛ рдХреНрдпреВ рдореЗрдВ рд░рдЦрддрд╛ рд╣реИред
  • рдкреНрд░реЛрдорд┐рд╕: рдкреНрд░реЛрдорд┐рд╕ рдПрдХ рд╡рд╛рджрд╛ рд╣реИ рдЬреЛ рдХреБрдЫ рд╕рдордп рдмрд╛рдж рдкреВрд░рд╛ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ, рдФрд░ рдпрд╣ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб рдХреЛ рд╕рдВрднрд╛рд▓рдиреЗ рдХрд╛ рдПрдХ рддрд░реАрдХрд╛ рд╣реИред

Code Examples

console.log('рд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб');
setTimeout(() => {
  console.log('рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб');
}, 0);

рдпрд╣ рдХреЛрдб рд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб рдХреЛ рдЪрд▓рд╛рддрд╛ рд╣реИ рдФрд░ рдлрд┐рд░ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб рдХреЛ рдХреНрдпреВ рдореЗрдВ рд░рдЦрддрд╛ рд╣реИред

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data));

рдпрд╣ рдХреЛрдб рдПрдХ рдкреНрд░реЛрдорд┐рд╕-рдЖрдзрд╛рд░рд┐рдд рдПрдкреАрдЖрдИ рдХреЛ рдХреЙрд▓ рдХрд░рддрд╛ рд╣реИ рдФрд░ рдлрд┐рд░ рдбреЗрдЯрд╛ рдХреЛ рдЬреЗрд╕рди рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рдХрд░рддрд╛ рд╣реИред

async function makeSmoothie() {
  const pineapple = await getFruit('рдкрд╛рдЗрдирдПрдкреНрдкрд▓');
  const strawberry = await getFruit('рд╕реНрдЯреНрд░реЙрдмреЗрд░реА');
  return [pineapple, strawberry];
}

рдпрд╣ рдХреЛрдб рдПрдХ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдлрдВрдХреНрд╢рди рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддрд╛ рд╣реИ рдЬреЛ рджреЛ рдкреНрд░реЛрдорд┐рд╕ рдХреЛ рдПрдХ рд╕рд╛рде рдЪрд▓рд╛рддрд╛ рд╣реИред

Lesson Summary

рдЗрд╕ рд▓реЗрд╕рди рдореЗрдВ, рд╣рдордиреЗ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реАрдЦрд╛, рдЬреЛ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдПрдХ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдХреМрд╢рд▓ рд╣реИред рд╣рдордиреЗ рдЗрд╡реЗрдВрдЯ рд▓реВрдк рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реАрдЦрд╛, рдЬреЛ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рдиреЛрдбрдЬреЗрдПрд╕ рдореЗрдВ рдПрдХ рд╕рд┐рдВрдЧрд▓-рдереНрд░реЗрдбреЗрдб рдЗрд╡реЗрдВрдЯ рд▓реВрдк рд╣реЛрддрд╛ рд╣реИред рд╣рдордиреЗ рдкреНрд░реЛрдорд┐рд╕ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рднреА рд╕реАрдЦрд╛, рдЬреЛ рдПрдХ рд╡рд╛рджрд╛ рд╣реИ рдЬреЛ рдХреБрдЫ рд╕рдордп рдмрд╛рдж рдкреВрд░рд╛ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред рд╣рдордиреЗ рджреЗрдЦрд╛ рдХрд┐ рдХреИрд╕реЗ рдкреНрд░реЛрдорд┐рд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб рдХреЛ рд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб рдХреА рддрд░рд╣ рд▓рд┐рдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рд╣рдордиреЗ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб рдХреЛ рдПрдХ рд╕рд╛рде рдЪрд▓рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд░реЛрдорд┐рд╕.рдСрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рднреА рд╕реАрдЦрд╛ред

Practice Exercise

рдПрдХ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдлрдВрдХреНрд╢рди рд▓рд┐рдЦреЗрдВ рдЬреЛ рджреЛ рдкреНрд░реЛрдорд┐рд╕ рдХреЛ рдПрдХ рд╕рд╛рде рдЪрд▓рд╛рддрд╛ рд╣реИ рдФрд░ рдлрд┐рд░ рджреЛрдиреЛрдВ рдкреНрд░реЛрдорд┐рд╕ рдХреЗ рдкрд░рд┐рдгрд╛рдо рдХреЛ рдПрдХ рд╕рд╛рде рдорд┐рд▓рд╛рддрд╛ рд╣реИред

What Is Next

рдЕрдЧрд▓реЗ рд▓реЗрд╕рди рдореЗрдВ, рд╣рдо рдПрд░рд░ рд╣реИрдВрдбрд▓рд┐рдВрдЧ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реАрдЦреЗрдВрдЧреЗ рдФрд░ рджреЗрдЦреЗрдВрдЧреЗ рдХрд┐ рдХреИрд╕реЗ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕ рдХреЛрдб рдореЗрдВ рдПрд░рд░ рдХреЛ рд╕рдВрднрд╛рд▓рдирд╛ рд╣реИред

Go deeper on Node.js тАФ Server-Side JavaScript

Hand-picked books and tools our learners actually use. Affiliate-supported тАФ same price for you, supports free lessons.