Discussion :

[DiverSIG]

Bonjour,

Je d�finis une classe javascript, et dans le constructeur, j'ai une variable o� je veux stocker le r�sultat d'un fetch.
Ca devrait ressembler � �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
class MaClass {
 
  constructor(url) {
    this.url = url;
    this.capabilities = fetch(this.url)
    .then(response => response.text())
    .then(data => {
              console.log(data)
              return dd
    });
    console.log(this.capabilities);
  }
 
  methode1() {
    console.log(this.capabilities);
  }
 
}

Avec le console.log qui est dans le then, j'ai bien ce que je veux, le console.log qui est � la fin du constructeur me renvoie la Promise (Promise { <state>: "pending" }) et non le r�sultat de la Promise

Comment affecter le r�sultat de la Promise � une variable du constructeur, pour pouvoir l'utiliser ensuite dans les diff�rentes m�thodes de la classe ?


Merci,
Nico

[gabi7756]

Bonjour,
Premi�re chose qui va pas

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

 return dd

Fetch c'est une fonction asyncrhone donc tant que tu met pas de async await c'est normal que ca te retourne la promise
Mais sinon le code corrig� :

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
class MaClass {
  constructor(url) {
    this.url = url;
    this.capabilities = fetch(this.url)
      .then(response => response.text())
      .then(data => {
        console.log(data);
        return data;
      });
  }
 
   async methode1() {
    // Wait for the capabilities to resolve
    const resolvedCapabilities = await this.capabilities;
    console.log(resolvedCapabilities);
  }
}
 
 
var test= new MaClass("http://localhost")
test.methode1()

Cdt

[DiverSIG]

Donc si je comprend le code, � chaque fois que j'appelle m�thode1, il relance le fetch, et donc il refait une requ�te sur le serveur distant.

Nico

[gabi7756]

Tu vois un fetch dans la m�thode1 ?
C'est juste un getter actuellement

Si tu en voulais un rajoute le ... J'ai peut �tre pas compris le truc

[DiverSIG]

l� je suis un peu perdu, d�sol�, mais je d�bute dans les async/ await ...
t'aurais pas un petit exemple complet?

Pour ce qui est de la methode1() que j'ai mis dans mon code, c'�tait pour l'exemple, mais au final, il y aura dans ma classe des m�thodes plus complexes que de r�cup�rer la valeur d'une variable de la classe...

Nico