Discussion :

[Fused]

Bonjour,

Ma question est dans le titre !

Rien de mieux qu'un petit bout de code pour visualiser cette question:

Code :

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

1
2
3
4
5
6
function MyObject() {
  this.myVar = "Hello";
  unElement.addEvent('click', function(e) {
    // Comment accéder à this.myVar ici ?
  });
};

Merci de vos lumières !

[Nighty]

Bonjour,

Tu as deux façons de faire.

Soit tu as besoin d'accéder a l'élément déclencheur de l'évènement avec this, le mieux est de créer une fermeture (ou closure : http://fr.wikipedia.org/wiki/Fermetu...nformatique%29 )

En gros :

Code :

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

1
2
3
4
5
6
7
function MyObject() {
  var parentObject = this;
  this.myVar = "Hello";
  unElement.addEvent('click', function(e) {
    alert(parentObject.myVar); // parentObject ici est celui déclaré plus haut
  });
};

Je ne te recommande cette façon de faire que si tu es obligé d'accéder à unElement depuis le onClick par l'intermédiaire de this, et c'est quasiment toujours contournable. Aussi voici la deuxième et la façon la plus "Mootoolsienne" de faire, le bind. D'abord le code, ensuite les explications :

Code :

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

1
2
3
4
5
6
function MyObject() {
  this.myVar = "Hello";
  unElement.addEvent('click', function(e) {
    alert(this.myVar); // this est ici l'objet parent, pas unElement, grâce...
  }.bind(this)); // ...à la méthode Function.bind()
};

L'explication : Mootools propose une méthode bind() à la classe Function :
http://mootools.net/docs/core/Types/...#Function:bind

Cette méthode permet de lier une fonction à un objet différent, ici on indique donc d'utiliser this dans le contexte de l'objet parent.

Soyons honnête c'est un des points les plus difficiles à cerner concernant le développement avec Mootools (et plus généralement, en Javascript), mais avec un peu de doc et de pratique, ça devrait se faire

[Fused]

Je ne connaissais pas cette fonction "bind" de Mootools.

Je sens que cela va me changer beaucoup de chose.
Je faisais de la façon que tu montre dans ton premier exemple, mais pas pratique, lorsque l'on a pas mal de code.

Dommage qu'il n'y ai pas de "super" en javascript !

Merci beaucoup pour ta réponse !