JavaScript asynchrone et boucle d’événements
Comprenez les modèles de programmation asynchrone, les fonctions de rappel, les promesses, async/await et la boucle d’événements de Node.js.
JavaScript asynchrone et boucle d’événements est une leçon Node.js Backend Development Bootcamp gratuite sur CoddyKit. Ceci est la leçon 3 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Node.js Backend Development Bootcamp, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Node.js Backend Development Bootcamp comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
What is Asynchronous Code?
Asynchronous code lets Node start a slow task — a file read or network call — and keep running other code instead of blocking the main thread.
Sync vs. Async Explained
Think of a chef: synchronous means standing idle while water boils; asynchronous means chopping veggies meanwhile. Node cooks like the async chef.
The Callback Pattern
Callbacks are functions you pass to be run later — the classic way to handle async work. When the task finishes, your callback is invoked with the result or error.
Simple Callback in Action
setTimeout is a textbook async operation: it waits a set delay, then fires the callback you handed it.
function greet(name, callback) {
setTimeout(() => {
const message = `Hello, ${name}!`;
callback(message);
}, 1000); // Wait 1 second
}
function displayMessage(msg) {
console.log(msg);
}
greet("Coddy", displayMessage);
console.log("Waiting for greeting...");The Challenge of Callback Hell
Nesting many dependent callbacks creates Callback Hell — deeply indented, hard-to-read code where error handling and maintenance become a nightmare.
Introducing Promises
A Promise represents a value coming now, later, or never. It lives in one of three states: pending, fulfilled, or rejected.
Using Promises
Handle a Promise with .then() for success and .catch() for errors — cleaner chaining than nested callbacks.
function fetchData(shouldSucceed) {
return new Promise((resolve, reject) => {
setTimeout(() => {
if (shouldSucceed) {
resolve("Data fetched successfully!");
} else {
reject("Failed to fetch data.");
}
}, 1000);
});
}
fetchData(true)
.then(data => console.log(data))
.catch(error => console.error(error));
fetchData(false)
.then(data => console.log(data))
.catch(error => console.error(error));Async/Await for Clarity
async/await is syntax over Promises that makes async code read like sync code. await pauses inside an async function until the Promise settles.
Async/Await in Practice
See how async/await flattens the previous example — and how a plain try...catch handles errors right inline.
function delayedMessage(msg, delay) {
return new Promise(resolve => {
setTimeout(() => resolve(msg), delay);
});
}
async function processMessages() {
try {
console.log("Starting process...");
const msg1 = await delayedMessage("First message!", 1000);
console.log(msg1);
const msg2 = await delayedMessage("Second message!", 500);
console.log(msg2);
console.log("Process finished.");
} catch (error) {
console.error("An error occurred:", error);
}
}
processMessages();The Node.js Event Loop
The Event Loop is Node's engine: when the call stack empties, it pulls queued callbacks and runs them — fueling non-blocking I/O on a single thread.
Async Concepts Check
Which of the following best describes the primary benefit of using asynchronous programming in Node.js?
Async & Event Loop Recap
Async work powers Node's reach: callbacks began it, Promises structured it, async/await cleaned it up, and the Event Loop drives it all.
Questions Fréquemment Posées
La leçon « JavaScript asynchrone et boucle d’événements » est-elle gratuite ?
Oui — le texte complet de « JavaScript asynchrone et boucle d’événements » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Node.js Backend Development Bootcamp, passe à CoddyKit PRO. Le cours Node.js Backend Development Bootcamp comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « JavaScript asynchrone et boucle d’événements » ?
Comprenez les modèles de programmation asynchrone, les fonctions de rappel, les promesses, async/await et la boucle d’événements de Node.js. Tu pratiques Node.js Backend Development Bootcamp avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Node.js Backend Development Bootcamp ?
Aucune expérience préalable n'est requise. Node.js Backend Development Bootcamp sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 3 sur 4.
Combien de temps prend la leçon « JavaScript asynchrone et boucle d’événements » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Node.js Backend Development Bootcamp ?
Oui. Chaque leçon Node.js Backend Development Bootcamp inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Introduction à Node.js et NPM
- Le système de modules de Node.js expliqué
- JavaScript asynchrone et boucle d’événements
- Travailler avec le système de fichiers et les flux