Créer une fonction JavaScript avec un callback

Créer une fonction JavaScript avec un callback

Tags : JavaScript, jQuery
Catégorie : Programmation
Mise en ligne : 25 Septembre 2014 à 00:00

Lorsque vous faites de la programmation en JavaScript, vous éxecutez sans doute des fonctions et des fois vous avez besoin d'une fonction se termine pour appeler une nouvelle fonction. Donc vous avez besoin d'un callback. Voici comment créer un callback en JavaScript.

J'utilise souvent jQuery et le système de fadeOut, fadeIn pour faire apparaître du contenu et l'avantage de ces fonctions, est qu'elle disposent d'un callback, qui vous permet par exemple de retirer la div du DOM une fois votre fadeOut terminé.

Voici une fonction très simple qui permet de calculer une somme.

function calculer(nb1, nb2, callback) {
    var sum = parseFloat(nb1) + parseFloat(nb2)

    // Je regarde si callback est différent
    if(callback !== undefined) {
        callback(sum);
    }
}

// Je lance mon calcule
calculer(2, 3, function(sum) {
    alert(sum);
    // Mon alert ne va se déclencher qu'une fois le calcule terminé
});

Bon là, je suis d'accord avec vous, le callback ne sert pas à grand chose car le système traite l'information directement. Si vous voulez voir en details le système, essayez de mettre un setTimeout de 1000ms avant le callback

Mais par exemple si vous avez une fonction qui doit télécharger un fichier à partir d'un serveur distant, vous pourrez alors mettre un loader et dès que vous aurez eu votre callback dire à l'utilisateur que son téléchargement est terminé.

<Laisser un commentaire/>

* Champs obligatoire