0Pricing
JavaScript Academy · Leçon

Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle

Créez des fonctions async, attendez les résultats, interceptez les erreurs et comparez les modèles séquentiels et parallèles

Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 3. 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 JavaScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours JavaScript Academy comprend 3 leçons au total.

Introduction à async/await

Objectif : utiliser async/await en toute sécurité.

  • Créer des fonctions async
  • Utiliser await sur des valeurs
  • Gérer les erreurs avec try/catch
  • Parallèle ou séquentiel
Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle — illustration 1

Petite fonction auxiliaire de Promise

Créez une petite fonction auxiliaire fondée sur une Promise pour tester les expressions await.

// delay returns a Promise that resolves after ms
function delay(ms, value) {
  return new Promise(function (resolve) {
    setTimeout(function () { resolve(value); }, ms);
  });
}

// Example usage
delay(10, "ok").then(function (v) {
  console.log("delay:", v);
});
Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle — illustration 2

Bases des fonctions async

async indique qu’une fonction renvoie une Promise ; à l’intérieur, vous pouvez utiliser await.

// An async function can use await inside
async function greet() {
  const name = await delay(5, "Ayla");
  console.log("Hello,", name);
}

// Call it
greet();
Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle — illustration 3

try/catch avec await

Entourez les expressions await de try/catch lorsqu’une étape peut être rejetée.

// Simulate a failing task
function failAfter(ms, message) {
  return new Promise(function (resolve, reject) {
    setTimeout(function () { reject(new Error(message)); }, ms);
  });
}

async function runSafe() {
  try {
    const v = await failAfter(5, "boom");
    console.log("Value:", v);
  } catch (e) {
    console.log("Caught:", e.message);
  }
}

runSafe();
Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle — illustration 4

Modèle séquentiel

Séquentiel : chaque await attend la fin du précédent ; les durées s’additionnent.

// Sequential: total time ~ A + B
async function sequential() {
  const a = await delay(8, "A");
  const b = await delay(8, "B");
  console.log("seq:", a + b);
}

sequential();
Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle — illustration 5

Exécution parallèle avec all

Parallèle : démarrez d’abord les tâches, puis utilisez await Promise.all ; la durée totale est environ égale à max(A, B).

// Parallel: start both, then await together
async function parallel() {
  const pa = delay(8, "A");
  const pb = delay(8, "B");
  const results = await Promise.all([pa, pb]);
  console.log("par:", results.join(""));
}

parallel();
Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle — illustration 6

Quiz sur les modèles parallèle et séquentiel

Vérification rapide : quel modèle est le plus rapide pour des tâches indépendantes ?

Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle — illustration 7

Récapitulatif

Récapitulatif : vous avez écrit des fonctions async, attendu des valeurs avec await, géré les erreurs avec try/catch et comparé les attentes séquentielles aux Promise.all parallèles, plus rapides.

Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle — illustration 8

Questions Fréquemment Posées

La leçon « Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle » est-elle gratuite ?

Oui — le texte complet de « Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle » 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 JavaScript Academy, passe à CoddyKit PRO. Le cours JavaScript Academy comprend 3 leçons au total.

Qu'est-ce que j'apprendrai dans « Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle » ?

Créez des fonctions async, attendez les résultats, interceptez les erreurs et comparez les modèles séquentiels et parallèles Tu pratiques JavaScript Academy 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 JavaScript Academy ?

Aucune expérience préalable n'est requise. JavaScript Academy 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 1 sur 3.

Combien de temps prend la leçon « Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle » ?

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 JavaScript Academy ?

Oui. Chaque leçon JavaScript Academy 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

  1. Écrire des fonctions async ; try/catch ; exécution parallèle ou séquentielle
  2. Délais d’expiration et annulation avec AbortController
  3. Modèles de nouvelle tentative et de temporisation progressive
← Retour à JavaScript Academy