Discussion :

[Frackher]

Bonjour,

Voilà j'ai un soucis que je n'arrive pas à solutionner seul et qui concerne en partie jquery.

Dans un objet javascript, dans une méthode de cet objet, je fais un callback en fonction anonyme.

Le soucis c'est que dans ce callback je ne peut exécuter une autre méthode de mon objet via "this.mamethode()" car Jquery a changé le scope du this.

Y a t il une solution pour garder le scope sur mon objet ?

(J'ai essayé par exemple de faire un var that=this et d'utiliser that mais là grosse erreur javascript :/).

Je vous remercie par avance si vous pouvez m'éclairer .

Une petite illustration du code pour expliquer (version simplifiée) :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
 
function monObjet(param1)
{
  //Attributs
  this.monParam = param1;
  this.monParam2 = "Pouet";
 
  //Méthode 1 - Gesture etant unplugin Jquery
  this.maMethode1 = function()
  {
    $('#coverflow').gesture(function(gs){
      var move = gs.moves.substring(0,1);
      if (move == "7" || move == "8" || move == "1")
      {
        deplacement("gauche"); //Comment appeler cette methode
      }
      if (move == "3" || move == "4" || move == "5")
      {
        deplacement("droite"); //Comment appeler cette methode
      }
    });
  }
 
  //Méthode 2 - effectuant le deplacement
  this.deplacement = function(direction)
  {
    switch(direction)
    {
      case "gauche" : 
        //Actions
        break;
      case "droite" :
        //Actions
        break;
    }
  }
}

[Frackher]

J'ai bien une piste avec les commandes call ou apply qui peuvent s'appliquer aux fonctions et donc permettre le passage forcé de this.

Sauf que sur le callback anonyme je ne trouve pas où le placer (ou alors c'est tout simplement impossible...).

[danielhagnoul]

Bonsoir.

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
 
<script type="text/javascript">
	function monObjet(){
		var self = this;
 
		this.maMethode1 = function(){
			self.deplacement("gauche");
		}
 
		this.deplacement = function(direction){
			alert(direction);
		}
	}
 
	$(document).ready(function(){
		var obj = new monObjet();
		obj.maMethode1();
	});
</script>

Attention, dans

Code :

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

self.deplacement("gauche");

il n'y a pas de point avant la parenthèse :

Code :

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

deplacement.("gauche"); //Comment appeler cette methode

[Frackher]

Le . sur le deplacement est une erreur de ma part.

Néanmoins, la solution que tu proposes peut se passer du self.

En effet dans

Code :

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

1
2
3
4
5
 
this.maMethode1 = function()
{
	self.deplacement("gauche");
}

on peut écrire

Code :

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

1
2
3
4
5
 
this.maMethode1 = function()
{
	this.deplacement("gauche");
}

Et cela fonctionnera très bien. Mon souci est que le scope de l'élément this, dans le callback porte sur le $("#coverflow") et non plus sur monObjet.

[marcha]

(J'ai essayé par exemple de faire un var that=this et d'utiliser that mais là grosse erreur javascript :/).

Salut,

Tu devrais pouvoir le faire ainsi pourtant. Peux tu poster cette solution ?

[Frackher]

Effectivement en restestant le fait de créer une variable that et de lui affecter le this avec le callback cela fonctionne.

Mea Culpa ^^.

Sinon comme il n'y a qu'une occurrence de l'objet sur ma page je me suis dirigé vers un singleton et j'appelle donc la variable objet créé directement dans le constructeur.

Je regrette juste de n'avoir pas d'autre méthode "plus propre" avec par exemple un passage en paramètre du contexte ou une annulation du changement de scope sur le this.

[marcha]

Salut,

"plus propre", c'est une question de point de vue :-) la closure est une pratique
courante en javascript.

Tu peux regarder du coté du binding à la sauce Prototype mais je trouve pas
ça spécialement plus propre.