classe javascript - fetch et constructeur

Version imprimable

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:

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

Bonjour,
Première chose qui va pas

Code:

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:

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

19/11/2024, 12h46
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
19/11/2024, 13h15
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
19/11/2024, 13h59
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