Discussion :

[rlelamer]

Bonjour,
Je cherche mon erreur qui fait que je n'arrive pas à attribuer la valeur de [[PromiseResult]] à une variable ...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
async function getRaceId(nameRace) {
    var response = await fetch('http://zezo.org/races2.json');
    var datas = await response.json();
    //console.log(datas);
    for (var i = 0; i < datas.races.length; i++) {
        if (datas.races[i].name === nameRace) {
          return datas.races[i].id;
        } else {}
    }
}
 
var raceId = getRaceId("TJV ULTIM");
console.log(raceId);

getRaceId() me retourne ceci :

Code :

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

1
2
 
Promise*{<pending>}[[Prototype]]: Promise[[PromiseState]]: "fulfilled"[[PromiseResult]]: "490.1"

je vois et je sais que "490.1" est bien la valeur que je souhaite obtenir donc jusqu'a preuve du contraire ça c'est ok (j'en doute maintenant ...)

Code :

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

1
2
3
 
var raceId = getRaceId("TJV ULTIM");
console.log(raceId);                         // <- Retourne undefined

Ou je me craque ? ça c'est la question que je me pose, un coup de pouce serait le bienvenu merci

[Toufik83]

Bonjour,

Ce n'est pas possible de récupérer la valeur d'une fonction asynchrone avec une méthode synchrone, il faudrait utiliser le callback then() comme c'est montré dans cet exemple.

[rlelamer]

J'ai beau retourner le problème dans tous les sens, rien n'y fait ... j'arrive pas à "sortir" le 490.1

Code JS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
var raceId;
 
function getRaceId(nameRace) {
    return fetch('http://zezo.org/races2.json', {
        method: 'GET',
    })
    .then(function(response) {
        return response.json();
    })
    .then(function(datas) {
        for (var i = 0; i < datas.races.length; i++) {
            if (datas.races[i].name === nameRace) {
                raceId = datas.races[i].id;
            } else {}
        }
        console.log(raceId);
        return raceId;
    })
}
 
getRaceId("TJV ULTIM").then(raceId => {raceId;});

J'ai undefined et le console.log(raceId) me retourne bien 490.1.
C'est à s'arracher les cheveux ce truc ...

[Toufik83]

Bonjour,

Au lieu de stocker la valeur de la fonction getRaceId dans la variable raceId (qui n'est pas possible techniquement), essaies plutôt de mettre le traitement à l'intérieur de then comme ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
function getRaceId(nameRace) {
    /* le return est inutile */
    fetch('http://zezo.org/races2.json', {
        method: 'GET',
    })
    .then(function(response) {
        return response.json();
    })
    .then(function(datas) {
        for (var i = 0; i < datas.races.length; i++) {
            if (datas.races[i].name === nameRace) {
                console.log(datas.races[i].id);
                /* c'est ici qu'il faut utiliser la valeur de datas.races[i].id et pas ailleurs !*/
            }
        }
 
        //return raceId; inutile de retourner ceci !
    })
}
 
//Puis tu fais appel à la fonction sans then, parce qu'il déjà géré par la fonction :
getRaceId("TJV ULTIM");

[rlelamer]

Ok mais je souhaite la récupérer et la stocker pour pouvoir la réutiliser donc je dois pas utiliser la bonne méthode alors ?

[Toufik83]

Montre comment tu veux la réutiliser, probablement on aura une solution...