this non conservé malgré new ?

**SpaceFrog** · 10/02/2011, 16h30

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
<script type="text/javascript">
arrfunc=new Array()
 function Rebour(div,start) {
          this.chrono=(this.chrono==undefined)?start:this.chrono+1
          document.getElementById(div).innerHTML = ++this.chrono
      }
 
function launch(div, start){
setInterval( function(){ new Rebour(div,start)},1000) 
}
 
function init(){
for(i=1;i<7;i++){
 launch('_'+i,i*3) 
}
}
 
</script>
</head>
 
<body onload="init()">
 
<div id="_1"></div>
<div id="_2"></div>
<div id="_3"></div>
<div id="_4"></div>
<div id="_5"></div>
<div id="_6"></div>
<div id="_7"></div>
</body>

**Sunchaser** · 10/02/2011, 17h34

Bonjour Ô Maitre SpaceFrog,

Je ne comprends peut être pas la ou est le problème, car (comme je suis très curieux et que j'ai envie d'apprendre) je me suis permis d'essayer pour voir ce que ca faisait, et j'ai bien des petites valeurs qui s'affichent dans des divs.

**Bovino** · 10/02/2011, 17h39

Dans ton timer, chaque new Rebour() crée une nouvelle instance (anonyme) de Rebour, le this s'applique donc à chacune de ces instances et non au constructeur lui-même

**Willpower** · 10/02/2011, 17h52

Envoyé par Bovino

Dans ton timer, chaque new Rebour() crée une nouvelle instance (anonyme) de Rebour, le this s'applique donc à chacune de ces instances et non au constructeur lui-même

+1 pour le Bovin.

@LaGrenouille: A mon avis, le résultat que tu attends ressemble à ça :

Code js :

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
 
 
arrfunc=new Array();
 
function Rebour()
{
	this.start = function(div,start) {
		this.chrono=(this.chrono==undefined)?start:this.chrono+1
		document.getElementById(div).innerHTML = ++(this.chrono);
	}
}
 
function launch(div, start){
	var r = new Rebour();
	setInterval( function(){ r.start(div,start)},1000) 
}
 
function init(){
	for(i=1;i<7;i++){
		launch('_'+i,i*3) 
	}
}

edit: et même plus proprement (pour que la fonction "start" ne soit pas définie 7 fois en mémoire) :

Code js :

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
arrfunc=new Array();
 
function Rebour(){}
 
Rebour.prototype.start = function(div,start) {
	this.chrono=(this.chrono==undefined)?start:this.chrono+1
	document.getElementById(div).innerHTML = ++(this.chrono);
}
 
function launch(div, start){
	var r = new Rebour();
	setInterval( function(){ r.start(div,start)},1000) 
}
 
function init(){
	for(i=1;i<7;i++){
		launch('_'+i,i*3) 
	}
}

**Willpower** · 10/02/2011, 18h03

A noter aussi que :

Code js :

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

1
2
3
 
	this.chrono=(this.chrono==undefined)?start:this.chrono+1
	document.getElementById(div).innerHTML = ++(this.chrono);

Si chrono est défini, tu l'incrémentes 2 fois. (this.chono+1 & ++this.chrono)

**SpaceFrog** · 10/02/2011, 20h00

Merci les gars...
Je n'arrivais pas à joindre le compteur unitairement à l'instance de fonction, ce qui et réalisé dans le code de will sur le this.start ou en prototypant la fonction

pour ce qui ets du double incrément c'est une trace de mes errance sur différents tests, il n'y a pas de double incrément en réalité

this non conservé malgré new ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager