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.