DébutantNon commencé
Exercice 9.1 · 6 min · 0 tentative
Comprendre async/await
Objectif
Comprendre les mots-clés async et await pour le code asynchrone.
Contexte
Les opérations réseau (API) prennent du temps. async/await permet d'attendre leur résultat de façon lisible :
async function chargerUtilisateur() {
console.log("Chargement...")
const response = await fetch("/api/user")
const user = await response.json()
console.log("Terminé :", user.name)
}
Les deux mots-clés
| Mot-clé | Rôle |
|---|---|
async | Déclare une fonction asynchrone |
await | Attend la fin d'une opération |
Sans await vs Avec await
// Sans await - résultat = Promise (pas les données)
const resultat = chargerDonnees()
// Avec await - résultat = données (ce qu'on veut)
const resultat = await chargerDonnees()
Consigne
Le code est déjà complet. Observe l'ordre des messages :
- "Début du chargement..."
- "Données reçues !"
- "Utilisateur : Alice"
Résultat attendu :
1. Début du chargement...
2. Données reçues !
3. Utilisateur : Alice
Objectifs
- Utiliser await
- Afficher le début
- Afficher données reçues
- Afficher Alice
Lisez bien les instructions et lancez-vous !
Indices (0/3)
Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé