Discussion :

[bronon]

Bonjour à tous je bute aujourd'hui sur le problème suivant,
Depuis quelques temps je souhaite exécuter 3 fonctions de manière séquentielle. Le fonctionnement est impérativement séquentiel la fonction 1 fournit des résultats nécessaires à l'exécution de la fonction 2 qui fournit des résultats nécessaires à l'exécution de la fonction 3. Ces fonctions ne sont pas des objets jQuery sinon j'aurai réglé le problème.
Ces fonctions sont des fonctions relativement lourdes écrites en JavaScript pur.
Après moultes essais suite à des recherches intensives sur Internet je n'ai toujours pas de solution. Le déroulement est parfois correct parfois totalement aléatoire je ne comprends pas pourquoi!!!
Existe-t-il une manière sure de réaliser cette séquence de 3 fonction JS ?
D'avance merci pour vos conseils éclairés.
Cdlt

[SylvainPV]

Tout dépend si ces fonctions sont synchrones ou asynchrones. Si elles sont synchrones, le problème est trivial:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var resultat1 = fonction1();
var resultat2 = fonction2(resultat1);
var resultat3 = fonction3(resultat2);

Si elles sont asynchrones (requête AJAX, timeouts etc...), alors c'est un poil plus compliqué. jQuery, vu que tu sembles l'utiliser, fournit une API $.Deferred permettant de simplifier ce genre de traitements. En supposant que les 3 fonctions retournent un objet de type Deferred, alors cela se traduira par le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
fonction1().then(fonction2).then(fonction3).done(function(resultat3){
console.log("les 3 fonctions ont été exécutées les unes après les autres");
});

[bronon]

Merci pour ta réponse, je dois admettre ne pas m'être dépêtré de cette notion de Deferred !
C koi un objet de type "Deferred", comment vérifier si une fonction est synchrone ou asynchrone ?

D'avance merci
Cdlt

[NoSmoking]

Bonjour,

Si elles sont asynchrones (requête AJAX, timeouts etc...),

[SylvainPV]

Si la fonction te retourne directement le résultat à l'appel, par l'instruction return, c'est qu'elle est synchrone.
Les Deferred sont une interface propre à jQuery pour gérer plus facilement les fonctions asynchrones, plusieurs autres classes de jQuery héritent de celle-ci (typiquement jqXHR pour les requêtes AJAX)