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