Passer une methode de classe a setInterval

**typedef** · 23/09/2010, 00h37

Bonjour,

Je débute en js, et cherche a faire le script suivant :
j'ai un objet engine, qui a une methode run(), et je veux appeler périodiquement run d'une instance de engine via setInterval. Voila mon code

index.html

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
 
<html>
<head>
<title>Test</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 
<script type="text/javascript" src="./sources/prototype.js"></script>
<script type="text/javascript" src="./sources/engine.js"></script>
<script type="text/javascript">
  function Start()
  {
    var engine = new MyEngine();
 
    engine.configure();
    engine.start();
  }
</script>
</head>
<body onload="Start();">
</body>
</html>

engine.js

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
 
var MyEngine = Class.create(
{
	initialize: function()
	{
		this.m_lastTime = 0;
		this.m_startTime = new Date().getTime();
	},
 
	start: function()
	{
		setInterval(this.run, 15);
	},
 
	configure: function()
	{	
		// rien pour l'instant
	},
 
	run: function()
	{
		var timeNow = new Date().getTime();
		if (this.m_lastTime != 0)
		{
			var elapsed = timeNow - this.m_lastTime;
			var total = timeNow - this.m_startTime;
			if (total > 1000)
			{
				alert("more than 1000 elapsed !");
			}
		}
		this.m_lastTime = timeNow;
	}	
});

donc quand je charge ma page, d'après le debugeur js de chrome, je commence bien par passer dans mon initialize qui init les deux propriétés, puis je passe ensuite dans mes run, mais des le premier run les valeur de m_lastTime et m_startTime ne sont plus initialisées. Je n'ai pas conséquent jamais l'alerte car mon total vaut NaN...
Je ne comprend pas pourquoi ?

**gwyohm** · 23/09/2010, 09h30

Bonjour,

Ton problème, c'est que tu la fonction run de ton objet, mais sans l'objet lui même...

Tu as l'air d'utiliser prototype pour créer ta classe, il faut donc que tu crées une fonction anonyme qui soit liée à ton objet :

Code :

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

1
2
3
4
5
6
7
// ...
start: function()
	{
		setInterval(this.run.bind(this), 15);
	},
// ...

**typedef** · 23/09/2010, 10h11

d'accord, alors cela veut dire que lorsqu'on declare une methode d'objet ce n'est pas vraiment une methode lie aux instances de notre classe, mais juste une fonction independante en fait ?
ou alors une methode de classe comme par exemple une methode static en c++ ?

Je viens du C++, et je n'ai pas encore bien saisi le principe objet de javacript, d'ailleur si quelqu'un sait ou je peux trouver des explications sur la logique js, ca m'interesse, car a par des infos sur la syntaxe elle meme je ne trouve pas grand chose.

**gwyohm** · 23/09/2010, 11h07

C'est surtout que quand tu fais

Code :

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

1
2
 
setInterval(this.run, 15)

this.run renvoie une fonction. Mais pas la méthode de l'objet, elle est dé-contextualisée.

Dans ce genre de cas, j'ai tendance à faire autrement (parce que je n'aime pas non plus écrire this.method.bind(this)):

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
 
var MaClasse = Class.create({
  initialize: function() {
    // ...
  },
  methode1: function() {
    // ...
  },
  start: function() {
    setInterval(MaClasse.run.curry(this), 15);
  },
  // ...
});
 
// Définition de méthode statiques :
Object.extend(MaClasse, {
  run: function(instance) {
    instance.methode1();
  }
});

Passer une methode de classe a setInterval

JavaScript

Discussions similaires

Partager

Partager