Quiz sur l'utilisation des promesses en JavaScript

Choisir une ou plusieurs réponses (593)

Cocher les bonnes réponses !

Utiliser des promesses permet d'éviter ce que l'on appelle l'enfer des callbacks. Cette situation se produit lorsque dans la réponse d'une requête asynchrone on doit refaire une autre requête asynchrone et ça peut continuer sur plusieurs niveaux.

L'écriture de ce type de code conduit à de multiples indentations et est très peu lisible. Le fait d'utiliser les promesses permet d'écrire les séquences de requêtes les unes sous les autres et de s'y retrouver.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (595)

Cochez les bonnes réponses !

Lorsque l'on fait une opération asynchrone on obtient plusieurs codes de retour qui évoluent dans le temps. Une promesse est utile car elle va nous permettre d'associer différents traitements à ces codes de retour. On peut voir ça comme un super gestionnaire d'événements.

Lorsque l'on fait une opération synchrone on obtient un seul code de retour. Il faut l'obtenir très rapidement (qqs ms). Dans ce cas on a pas obligatoirement besoin de promesse.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (596)

Lorsque l'on utilise une Api asynchrone pour faire des entrées / sorties le ou les cas suivants peuvent se présenter.

L'Api retourne déjà des promesses. Dans ce cas le programmeur n'est qu'un utilisateur de promesses. On dit qu'il consomme des promesses.

L'Api ne retourne pas de promesse. Par exemple XMLHttpRequest. Dans ce cas le programmeur met en place un objet JavaScript de constructeur Promise entre son application et l'interface d'entrée / sortie. On dit qu'il promessifie l'Api.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (597)

Cocher les bonnes réponses

Promise est un constructeur qui sert à construire des objets promesses.

Il y a deux propriétés internes incontournables. La propriété PromiseState et la propriété PromiseResult.

Il y a deux méthodes incontournables. La méthode then et la méthode catch.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (598)

Cocher les bonnes réponses !

La propriété PromiseState prend des valeurs qui correspondent à l'évolution dans le temps de l'état de l'opération asynchrone.

Lorsque la requête a été envoyée au serveur et que le demandeur attend une réponse PromiseSate prend la valeur waiting.

Lorsque la requête a été envoyée au serveur et que le demandeur attend une réponse PromiseSate prend la valeur pending.

Lorsque la requête réussie et retourne une réponse PromiseSate prend la valeur resolved.

Lorsque la requête réussie et retourne une réponse PromiseSate prend la valeur fulfilled.

Lorsque la requête échoue PromiseSate prend la valeur rejected.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (599)

Cocher les bonnes réponses !

Lorsque PromiseState vaut pending on dit que la promesse est en attente.

Lorsque PromiseState vaut waiting on dit que la promesse est en attente.

Lorsque PromiseState vaut fulfilled on dit que la promesse est tenue.

Lorsque PromiseState vaut rejected on dit que la promesse est rompue.

Lorque la promesse est tenue ou rompue on dit qu'elle est acquitée.

L'état settled peut être utilisé pour dire que la promesse est acquitée mais ce n'est pas une valeur de PromiseState.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (600)

La propriété PromiseResult contient

Le résultat de l'opération asynchrone si la promesse est tenue.

La raison de l'échec de l'opération asynchrone si la promesse est rompue.

La durée au bout de laquelle l'opération asynchrone a échouée.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (601)

Cocher les bonnes réponses !

La méthode then sera appelée si l'opération asynchrone réussie.

La méthode catch sera appelée si l'opération asynchrone échoue.

La méthode rejected sera appelée si l'opération asynchrone échoue.

then prend en argument la déclaration d'un callback qui contient les traitements à effectuer en cas de réussite de l'opération asynchrone.

catch prend en argument la déclaration d'un callback qui contient les traitements à effectuer en cas d'échec de l'opération asynchrone.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (602)

On crée un objet promesse en appelant le constructeur Promise ( new Promise)

Que faut-il passer en argument du constructeur ?

Il faut passer une fonction que l'on appelle l'exécuteur.

Cette fonction prend en argument le nom de deux callbacks que l'on nomme resolve et reject

resolve doit être invoqué lorsque l'opération asynchrone réussit.

reject doit être invoqué lorsque l'opération asynchrone échoue.

Le programmeur doit fournir en argument de resolve le résultat de l'opération asynchrone.

Le programmeur doit fournir en argument de reject la raison de l'échec de l'opération asynchrone.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (603)

Lisez le code ci-dessous et cochez les bonnes réponses !

<!DOCTYPE html> <head> <meta charset="UTF-8"> </head> <body> <script> const asyncIO = new Promise((resolve, reject) => { // Déclenche l'appel à resolve au bout de 5000ms setTimeout( () => { resolve("Résultat de l'opération") },5000); }); // Affiche PromiseState et PromiseResult toutes les 500ms setInterval( () => { console.log(asyncIO); }, 500 ); </script> </body> </html>

Tant que l'appel à resolve n'a pas été déclenché PromiseState vaut pending.

Tant que l'appel à resolve n'a pas été déclenché PromiseState vaut waiting.

L'appel à resolve fait passer la valeur de la propriété PromiseState de pending à fulfilled.

L'appel à resolve fait passer la valeur de la propriété PromiseResult à la valeur de la chaîne "Résultat de l'opération".

Le programmeur n'a accès ni à PromiseState ni à PromiseResult. On récupèrera ces informations avec then et catch.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (604)

Lisez le code ci-dessous et cochez les bonnes réponses !

<!DOCTYPE html> <head> <meta charset="UTF-8"> </head> <body> <script> const asyncIO = new Promise((resolve, reject) => { // Déclenche l'appel à reject au bout de 5000ms setTimeout( () => { reject("Raison de l'échec") },5000); }); // Affiche PromiseState et PromiseResult toutes les 500ms setInterval( () => { console.log(asyncIO); }, 500 ); </script> </body> </html>

Tant que l'appel à reject n'a pas été déclenché PromiseState vaut pending.

L'appel à reject fait passer la valeur de la propriété PromiseState de pending à rejected.

L'appel à reject fait passer la valeur de la propriété PromiseResult à la valeur de la chaîne "Raison de l'échec".

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (605)

Cocher la bonne réponse ?

<!DOCTYPE html> <head> <meta charset="UTF-8"> </head> <body> <script> const asyncIO = new Promise((resolve, reject) => { setTimeout( () => { resolve("Résultat de l'opération") }, 1000); }); asyncIO .then( reponse => {console.log('THEN => '+reponse)}) .catch( raison => {console.log('CATCH => '+raison)}); </script> </body> </html>

On récupère la chaîne "Résultat de l'opération" dans le then.

On récupère la chaîne "Résultat de l'opération" dans le catch.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (606)

Cocher la bonne réponse ?

<!DOCTYPE html> <head> <meta charset="UTF-8"> </head> <body> <script> const asyncIO = new Promise((resolve, reject) => { setTimeout( () => { reject("Raison de l'échec") }, 1000 ); }); asyncIO .then( reponse => {console.log('THEN => '+reponse)}) .catch( raison => {console.log('CATCH => '+raison)}); </script> </body> </html>

On récupère la chaîne "Raison de l'échec" dans le then

On récupère la chaîne "Raison de l'échec" dans le catch

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (607)

Promise.all, Promise.any et Promise.race

servent à gérer plusieurs requêtes asynchrones.

prennent en argument d'entrée les promesses retournées par ces requêtes asynchrones.

les promesses en question sont regroupées dans un tableau.

chaque méthode all, any ou race aura une gestion, qui lui est propre, du tableau de promesses qui lui est fourni en entrée et donc des requêtes asynchrones qu'elle gère.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (608)

Cocher les bonnes réponses !

Si toutes les promesses sont tenues Promise.all retourne une promesse tenue ayant pour valeur le tableau des résultats des promesses fournies en argument.

Si une ou plusieurs promesses sont rompues Promise.all retourne une promesse rompue ayant pour valeur le tableau des résultats ou des raisons des échecs des promesses fournies en arguments.

Si une ou plusieurs promesses sont rompues Promise.all retourne une promesse rompue ayant pour valeur la raison de l'échec de la première promesse rompue.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (609)

Cocher les bonnes réponses !

Dès qu'une promesse est tenue Promise.any retourne cette promesse et son résultat.

Si toutes les promesses sont rompues Promise.any retourne une promesse rompue ayant pour valeur le tableau des raisons des échecs des promesses fournies en arguments.

Dès qu'une promesse est rompue Promise.any retourne cette promesse et la raison de son échec.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une ou plusieurs réponses (610)

Cocher les bonnes réponses !

Dès qu'une promesse est acquitée Promise.race retourne cette promesse.

Dès que toutes les promesses sont acquitées Promise.race retourne un tableau contenant le résultat ou les raisons d'échec de ces promesses.

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Bilan de compétences sous forme de Quiz

Liste des compétences et des tests

Intérêt d'utiliser des promesses.

Qu'est ce qu'une promesse ?

Savoir ce qu'il y a dans un objet promesse construit avec le constructeur Promise.

Savoir travailler avec des promesses.

Promise.all, Promise.any et Promise.race