Discussion :

[madislak]

Bonjour à tous,

Je bat depuis quelques jours avec des objets javascript et je bloque sur un point.

J'ai une classe que j'ai défini de cette façon :

Code :

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

1
2
3
4
5
6
var Playlist = function() {
  this.start = function(){
    setTimeout("this.playNext()",10000);
  }
  this.playNext() = fonction(){}
}

En gros la fonction playNext() est exécutée 10s après start().
Mais quand je fais :

Code :

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

1
2
var maPlaylist = new Playlist();
maPlaylist.start();

J'ai une erreur comme quoi la fonction playNext() n'héxiste pas.

Par contre, losque je défini ma classe de cette façon, ça marche (avec le nom de l'instance à la place de this dans le setTimeout) :

Code :

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

1
2
3
4
5
6
var Playlist = function() {
  this.start = function(){
    setTimeout("maPlaylist.playNext()",10000);
  }
  this.playNext() = fonction(){}
}

Sauf que je peux pas laisser le nom de l'instance dans la définition de la classe.

Quelqu'un pourrait m'expliquer comment une méthode d'une classe peut en appeller une autre svp?

Merci d'avance.

Madis.

[Bovino]

Salut,
this.start fait référence à une fonction anonyme, donc le contexte (this) de cette fonction est l'objet global, soit windows et non ta classe.
Pour pallier à ça, on utilise habituellement une variable qui récupère l'objet représentant ta classe :

Code :

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

1
2
3
4
5
6
7
var Playlist = function() {
  var that = this;
  this.start = function(){
    setTimeout("that.playNext()",10000);
  }
  this.playNext() = fonction(){}
}

[madislak]

Merci pour ta réponse.

ça me dit que that n'est pas définit.

C'est bizarre car si juste avant le setTimeout je met un alert(that.id), ça m'affiche la même valeur que this.id, donc that est bien définit en théorie...

[Bovino]

Code :

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

1
2
3
setTimeout(function(){
    that.playNext()
},10000);

[madislak]

Merci, c'est nickel ça marche !!