Discussion :

[Pitord71]

Bonjour,

Je suis débutant en JS et je cherche à bien comprendre ce morceau de code.

Quelqu'un peut me donner des explications ?

Merci d'avance

[Toufik83]

Bonjour,

getInfos(val) est une fonction asynchrone qui retourne une promesse, et cette dernière retourne un objet javascript val {id:"valeur id",price:"Prix produit",name:"Nom produit"} en cas de succès (ne pas oublier le cas d'erreur qui doit être géré par catch() ou reject()) en passant par la fonction de rappel resolve().

Promise.all() est un outils de composition qui permet de mener des opérations asynchrones en parallèle.

[Pitord71]

Bonjour Toufik83

Merci pour tes explications.

Code :

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

1
2
 .then((result) => {
val.price = result.price;

Pourquoi dans le .then ci dessus, les données ne sont pas inversées en result.price = val.price car val.price provient je pense de la requête à l'API et on veut attribuer cette valeurs à result.price ?

Si on récupère déjà les valeurs que l'on veut, (val.price = result.price et val.name = result.name), à quoi sert : return resolve(val); ?

La promise.all a-t-elle un lien avec la fonction getInfos et la promise de celle-ci ?

Merci d'avance pour les éclaircissements.

[Toufik83]

.then((result) => {
val.price = result.price;

Pourquoi dans le .then ci dessus, les données ne sont pas innervées en result.price = val.price car val.price provient je pense de la requête à l'API et on veut attribuer cette valeurs à result.price ?

Non c'est le contraire, le résultat de la requête de l'API est retourné par la variable result, et val c'est un paramètre de type objet {id:"valeur de l'id"} de la fonction getInfos(), et donc lorsque vous appelez par exemple getInfos({id:1}) vous aurez le résultat suivant {id:1,price:"Prix ...",name:"Nom..."}

Si on récupère déjà les valeurs que l'on veut, (val.price = result.price et val.name = result.name), à quoi sert : return resolve(val); ?

Une promesse est soit résolue avec resolve(), soit rejetée avec reject(), dans votre cas si tout se passe bien, on résout la promesse pour qu'elle retourne l'objet val.

La promise.all a t'elle un lien avec la fonction getInfos et la promise de celle-ci ?

Oui, promise.all attend que toutes les promesses soient terminée (résolues ou rejetées), elle est souvent utilisée pour gérer plusieurs promesses, voir cet exemple pour mieux comprendre.

[Pitord71]

Merci beaucoup pour vos précisions.


Reste 2 zones d'ombres :

L'objet val va contenir val.price et val.name avec les données de ceux-ci ?


Pourquoi utiliser Promise.all alors que dans ce cas (A priori), il y a qu'une promise a attendre et pas plusieurs ?


Merci d'avance

[Toufik83]

L'objet val va contenir val.price et val.name avec les données de ceux-ci ?

Oui, avec les valeurs correctes.

Pourquoi utiliser Promise.all alors que dans ce cas (A priori), il y a qu'une promise a attendre et pas plusieurs ?

Parce que la liste des produits Cart.products est un tableau contenant plusieurs produits, donc si tu as par exemple 3 produits avec les id (1,2,3) : [{id:1},{id:2},{id:3}], la fonction devient :

Code :

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

Promise.all([{id:1},{id:2},{id:3}].map(getInfos))

Chaque produit est géré par une promesse, donc dans ce cas il y'a 3 promesses.

[Pitord71]

Un grand merci pour ces explications claires.

Bonne soirée