posts

On appelle callback une fonction B passée en paramètre d’une fonction A. La fonction B est appelée à la fin de la fonction A pour effectuer une autre opération. En d’autres termes, B s’exécute une fois que la fonction A est terminée.

function bonjour() {

  console.log("Bonjour");

}

function action(nom, callback) {

  console.log('Bonjour ' + nom);

  callback();

}

action('Michel', bonjour);

Ce code affiche le texte suivant dans la console :

Bonjour Michel

Bonjour

La fonction action() est appelée à la fin du code. On lui transmet une chaîne et une fonction de callback. La chaîne transmise est affichée dans la console, à la suite du mot Bonjour. Puis la fonction de callback (ici la fonction bonjour()) est appelée. Ce qui déclenche l’affichage de la chaîne Bonjour dans la console.

Lorsqu’un code s’exécute de façon synchrone, les instructions s’exécutent l’une après l’autre dans un thread. Pour que plusieurs instructions s’exécutent en parallèle, vous devez les placer dans autant de threads que nécessaires.

Lorsqu’un code s’exécute de façon asynchrone, plusieurs flux d’instructions peuvent s’exécuter en parallèle. En effet, le programme n’attend pas la fin d’une instruction pour passer à la suivante.

Pour exécuter du code JavaScript/TypeScript de façon asynchrone, vous pouvez passer par :

• Des fonctions de callback qui s’exécutent lorsqu’une action est terminée.
• Des promises (promesses en français), qui permettent d’exécuter des callbacks de réussite ou d’échec.
• Le mot async. A l’intérieur de la fonction asynchrone, vous pouvez utiliser le mot await pour attendre l’obtention d’un résultat. Cette version moderne des callbacks est celle retenue dans les compléments Office.