Maison >interface Web >js tutoriel >Les rappels JavaScript expliqués facilement ☕

Les rappels JavaScript expliqués facilement ☕

Linda Hamilton
Linda Hamiltonoriginal
2024-12-18 11:32:10667parcourir

JavaScript Callbacks Explained Easily ☕

Les rappels JavaScript sont comme l'épine dorsale de la programmation asynchrone. Mais que sont-ils exactement ? ?

Une fonction de rappel est une fonction passée en argument à une autre fonction, qui est ensuite exécutée plus tard, généralement après la fin d'une opération.


Pourquoi les rappels sont importants

JavaScript est monothread, ce qui signifie qu'il ne peut gérer qu'une seule tâche à la fois. Les rappels vous permettent de gérer des tâches chronophages (comme l'attente de données) sans bloquer le reste de votre code.

Considérez les rappels comme un moyen de dire : "Quand cela sera fait, faites-le-moi savoir et j'en ferai quelque chose."


Exemple de rappel : préparer du café ☕

Donnons vie aux rappels avec un exemple pertinent : préparer du café ! Pendant que le café est préparé, vous pouvez griller du pain ou faire défiler votre téléphone. Lorsque le café est prêt, vous êtes invité à le verser et à le déguster.

Voici à quoi cela ressemble en JavaScript :

// Function to simulate brewing coffee
function brewCoffee(callback) {
    console.log("Brewing coffee...");

    // Simulate a delay for coffee brewing
    setTimeout(() => {
        console.log("Coffee is ready!");
        callback(); // Notify when coffee is ready
    }, 2000); // Simulated 2-second delay
}

// Callback function to pour and drink the coffee
function drinkCoffee() {
    console.log("Pouring coffee into the cup and enjoying it ☕");
}

// Start brewing coffee and pass drinkCoffee as the callback
brewCoffee(drinkCoffee);

console.log("While the coffee brews, I'll toast some bread...");

Que se passe-t-il ici ?

1️⃣ Fonction BrewCoffee : Démarre le processus de préparation du café et accepte une fonction de rappel à exécuter plus tard.

2️⃣ setTimeout : Simule le temps nécessaire pour préparer le café (2 secondes).

3️⃣ Fonction DrinkCoffee : Le rappel qui est exécuté une fois le café prêt.

4️⃣ Comportement non bloquant : L'application continue d'exécuter d'autres tâches (par exemple, griller du pain) pendant que le café est distribué.


Pourquoi apprendre les rappels ?

Les rappels sont essentiels pour gérer les tâches asynchrones en JavaScript, comme :

  • Récupération de données à partir d'une API
  • Gestion des événements utilisateur (par exemple, clics sur un bouton)
  • Gestion des minuteries et des intervalles

En maîtrisant les rappels, vous acquerrez les compétences nécessaires pour gérer la programmation asynchrone comme un pro !


? Pouvez-vous deviner le résultat ?

Laissez vos suppositions dans les commentaires et je vous révélerai la bonne réponse ! Voyons qui a raison.

Connectons LinkedIn

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn