Discussion :

[stoner]

Bonsoir,

Suite à une série de tests, j'ai été surpris de remarquer que la variable qui me sert à parcourir ma boucle ne transmette pas sa valeur au corps de la fonction testff.

Code :

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

1
2
3
4
5
6
7
 
(function test(){
  for(var i = 0; i < 2; ++i){
    (function testff() {
      alert(i);
  })();
})();

Je m'attendais à recevoir 2 alerts... Mais il n'en est rien, i est inconnu au bataillon.
Veuillez m'excuser si c'est une question stupide mais ne trouve pas de réponse à ma question.

Est-ce bien normal ?

[SylvainPV]

Il manque une accolade. Une meilleure indentation la met en évidence :

Code :

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

1
2
3
4
5
6
7
(function test(){
  for(var i = 0; i < 2; ++i){
    (function testff() {
       alert(i);
    })();
  }
})();

[stoner]

A la bonne heure! Merci.

Cependant, là n'était pas vraiment mon problème mais plutôt une mauvaise illustration de mon réel problème que voici:

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
 
function addEvent (element, event, func) {
	if (element.addEventListener)
		element.addEventListener(event, func, false);
	else
		element.attachEvent ('on' + event, func);
}
 
(function test(){
	var x = document.getElementsByClassName('delete');
	for(var i = 0; i < x.length; ++i) {
		addEvent(x[i], 'click', function(e){
			alert(i);
		});
	}
})();

Lorsque je clique sur un element possédant une class "delete" j'obtiens une alert écrivant 2. Mais au moment du click, i devrait être oublié puisque cette variable est local à ma boucle non ?

Ma question est la suivante: le compilateur retient-il la variable i quelque part parce qu'il "comprend" que l'évent en aura besoin ?

Et encore merci de votre patience.

[SylvainPV]

En JavaScript, tant qu'une variable est gardée en référence dans une fonction, elle est gardée en mémoire. Le garbage collector fait le ménage quand il n'y a plus aucune référence. Un EventListener est une référence, la fonction handler associée est donc gardée en mémoire ainsi que tout son scope, y compris la variable i. Au moment de l'appel du handler, la variable i a gardé sa dernière valeur, celle à la fin de la boucle for : 2

[sekaijin]

Code :

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

1
2
3
4
5
6
7
8
(function test(){
  for(var i = 0; i < 2; ++i){
    (var j = i;
     function testff() {
       alert(j);
    })();
  }
})();

Code :

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

1
2
3
4
5
6
7
(function test(){
  for(var i = 0; i < 2; ++i){
    (function testff(j) {
       alert(j);
    })(i);
  }
})();

je ne vois pas l'intérêt de la closure car elle quitte le contexte courant et créé une fonction à chaque boucle ce qui est couteux

Code :

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

1
2
3
4
5
6
7
8
(function test(){
  var testff = function (j) {
    alert(j);  
  };
  for(var i = 0; i < 2; ++i){
    testff(i);
  }
})();

A+JYT

[Auteur]

bonjour

Lorsque je clique sur un element possédant une class "delete" j'obtiens une alert écrivant 2. Mais au moment du click, i devrait être oublié puisque cette variable est local à ma boucle non ?

je crois que ceci répondra à ta question.

[stoner]

Je vous remercie !

J'avais mal cherché dans la FAQ je vous prie de m'en excuser.

[Auteur]

Je vous remercie !

de rien

J'avais mal cherché dans la FAQ je vous prie de m'en excuser.

pas de souci