Comprendre les rappels en JavaScript
Les rappels sont des fonctions qui sont transmises comme arguments à d'autres fonctions et sont exécutées ultérieurement. Ils vous permettent d'exécuter un morceau de code à un moment précis de l'exécution d'une autre fonction, sans avoir à connaître le moment ou l'emplacement exact de ce code.
En JavaScript, les rappels sont couramment utilisés pour gérer des opérations asynchrones, telles que la création d'un HTTP. demande ou réglage d’une minuterie. La fonction de rappel est passée en argument à la fonction principale et est exécutée lorsque l'opération asynchrone est terminée.
Voici un exemple d'utilisation d'une fonction de rappel en JavaScript :
```
function makeRequest(callback) {
// Créer un Requête HTTP ici
// ...
callback();
}
makeRequest(function() {
console.log("Demande terminée");
});
```
Dans cet exemple, la fonction `makeRequest` prend une fonction de rappel comme argument et exécute cette fonction lorsque la requête HTTP est terminée. La fonction de rappel est passée en argument à la fonction `makeRequest` et est exécutée lorsque la requête est terminée.
Les rappels peuvent également être utilisés avec des promesses, qui vous permettent de gérer les opérations asynchrones de manière plus structurée. Voici un exemple d'utilisation d'une fonction de rappel avec une promesse :
```
function makeRequest(callback) {
// Faites une requête HTTP ici
// ...
Promise.resolve().then(callback);
}
makeRequest(function() {
console.log("Requête terminée");
});
```
Dans cet exemple, la fonction `makeRequest` renvoie une promesse, qui est ensuite résolue avec la fonction de rappel. La fonction de rappel est exécutée lorsque la promesse est résolue, c'est-à-dire lorsque la requête HTTP est terminée.
Les rappels peuvent également être utilisés avec des événements, tels que des clics de souris ou des pressions sur des touches. Voici un exemple d'utilisation d'une fonction de rappel avec un écouteur d'événement :
```
document.getElementById("myButton").addEventListener("click", function() {
console.log("Button clicked");
} );
```
Dans cet exemple, la méthode `addEventListener` est appelée sur un élément de bouton HTML et passe une fonction de rappel en argument. Lorsque vous cliquez sur le bouton, la fonction de rappel est exécutée et enregistre un message sur la console.
J'aime ce contenu
Je n'aime pas ce contenu
Signaler une erreur de contenu
Part
