Discussion :

[pifou25]

Bonjour,

Je m'interroge sur la portée de la variable this dans les fonctions... Voici l'exemple:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function cProgramme (id) {
	this.id = id;
 
	this.createMarker = function (type) {
		var nbTRA = this.taille(type);
		var n_id = this.id;
		GEvent.addListener(marker, 'click', function() {
			infoWindowOpened='myclick('+n_id+', '+type+')';
			marker.openInfoWindowHtml(t_js+'<div class="infobulle" id="info' +n_id+ '">'+t_HTML[0]+'</div>', { maxWidth: 400 });
		});
	}
}

( vous reconnaitrez p-e l'utilisation de l'API googlemap, qui revient à dire que pour l'évenement onclick du marker il faut exécuter la fonction anonyme définie après )

Donc : dans ma classe cProgramme j'ai bien défini this.id (locale)
ensuite dans la 'fonction' (je devrais dire méthode) this.createMarker je peux utiliser cette variable this.id ! première interrogation, j'aurais cru devoir utiliser le mot clé 'parent' pour accéder à une variable de cProgramme dans sa fonction-méthode, mais non, this.id, ça marche.

Bon... soit... alors je crée donc un évenement sur l'objet marker avec une fonction anonyme appelée sur le onclick, cette fonction elle ne reconnait plus du tout le this.id de cProgramme. Je suis donc obligé de la redéclarer :
var n_id = this.id;
dans createMarker, pour l'utiliser dans cette fonction... (d'ailleurs j'aurais peut etre du l'utiliser avec this.n_id non?)

Quelqu'un peut m'expliquer? quelle est la portée de 'this'? et peut-on utiliser 'parent' en javascript et comment?
merci

[bigboomshakala]

salut,
la portée de this est un des pièges du javascript ^^
mon conseil : déclare un objet "var obj = this" que tu utilises par la suite

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function cProgramme (id) {
	this.id = id;
var obj = this; 
	this.createMarker = function (type) {
		var nbTRA = obj.taille(type);
		GEvent.addListener(marker, 'click', function() {
			infoWindowOpened='myclick('+obj.id+', '+type+')';
			marker.openInfoWindowHtml(t_js+'<div class="infobulle" id="info' +obj.id+ '">'+t_HTML[0]+'</div>', { maxWidth: 400 });
		});
	}
}

[pifou25]

merci du conseil, ça c'est cohérent en fait. le truc du this c'est quasiment un bug du langage, on pourrait au moins faire des langages cohérents les uns les autres.

Pourquoi alors je devrais déclarer :
this.createMarker = function (type) {
au lieu de:
obj.createMarker = function (type) {

et est-ce que je peux utiliser 'parent' dans la fonction createMarker pour retrouver ma variable obj?