[JS] OOP - Rekursiver aufruf mit "setTimeout"?

[Masterakio1995]

Hallo liebe Community,
ich bräuchte eine Möglichkeit, damit sich die Methode eines Objekts rekursiv aufrufen kann.

Bisher habe ich es so versucht:

setTimeout("this.move('down', 0)", 5);

oder (player ist die Klasse):

setTimeout("player.move('down', 0)", 5);

funktionieren tut es so (player1 ist das Objekt):

setTimeout("player1.move('down', 0)", 5);

allerdings will ich es relativ Adressieren und nicht absolut, da ich nicht nur 1 Spieler / Objekt habe. Hat wer eine Idee wie ich das machen kann?

[Synatex]

Nunja, sich ne Variable bauen die das ganze steuert.

PHP Code:

var keepMoving = true;

var move = function() {
   if(keepMoving) {
       move();
   }
}; 


[Masterakio1995]

Originally Posted by Synatex

Nunja, sich ne Variable bauen die das ganze steuert.

PHP Code:

var keepMoving = true;

var move = function() {
   if(keepMoving) {
       move();
   }
}; 


Normalerweise wäre das eine Möglichkeit, allerdings glaube ich das dadurch keine flüssige Animation ensteht bzw sie zu schnell ausgeführt wird. Und mit einem Sleep Befehl würde sich ein anderer Teil des Skriptes verzögern was ich vermeiden möchte.

[Synatex]

PHP Code:

var keepMoving = true; 

var move = function() { 
   if(keepMoving) {
       // Verzögerung um 0,5 Sekunden
       setTimeout(function() {
           move();
       }, 500);
   } 
}; 


Ist ja wohl nicht wirklich schwer die da reinzubauen^^

[Tasiro]

"Sleep" gibt es in Javascript nicht. Du kannst nur asynchron programmieren.

Ja, das würde zu schnell ausgeführt - es führte (in der ersten Form) zu einem Stapelüberlauf, da es in Javascript kein gleichzeitiges Ausführen gibt: alle Funktionen und Rückrufe werden schön nacheinander ausgeführt.

Möglich ist es aber so (mit setInterval):

 Spoiler

function Player (x, y, speed) {
	this.x = x;
	this.y = y;
	this.speed = speed;
}
Player.prototype.move = function (x, y) {
	if (x != this.x && y != this.y) {
		var dx = x - this.x;
		var dy = y - this.y;
		var distance = Math.sqrt (dx * dx + dy * dy);
		if (distance <= this.speed) {
			this.x = x;
			this.y = y;
			clearInterval (this.interval);
			delete this.interval;
		} else {
			this.x += this.speed * dx / distance;
			this.y += this.speed * dy / distance;
		}
		if (this.move_callback)
			this.move_callback (this);
	} else {
		clearInterval (this.interval);
		delete this.interval;
	}
};
Player.prototype.moveTo = function (x, y) {
	this.interval = setInterval (this.move.bind (this), 300 /*ms*/, x, y);
};
Player.prototype.onMoved = function (callback) {
	this.move_callback = callback;
};

var player = new Player (0, 0, 1);
player.onMoved (function (player) {
	console.log (new Date ().toGMTString () + " - player moved to (" + player.x + "," + player.y + ")");
});
player.moveTo (10, -5);

Es könnte auch setTimeout statt setInterval verwendet werden, dann müsste entsprechend in move erneut setTimeout aufgerufen werden, wie Synatex schrieb.

[マルコ]

Ein sleep zu programmieren ist aber wirklich nicht schwer.
Einfach aktuelle Zeit in ne Variable und in ner while Schleife gegen die aktuelle Zeit testen, bis die aktuelle Zeit größer oder gleich der gespeicherten Zeit plus der time2wait ist.
Aber nur, falls dir der sequentielle Ansatz lieber ist.

[Tasiro]

Wem es Spaß macht, die Oberfläche einzufrieren, kann das gerne tun (sofern es im Kontext einer Seite ausgeführt wird, wie es normalerweise der Fall ist). In Javascript gibt es kaum eine synchrone Operation, nur new XMLHttpRequest ().open ("GET", url, false), alert und ein paar andere Funktionen (welche aus genau diesem Grund nicht genutzt werden sollten), sowie eine synchrone API für IndexedDB und FileSystem - aber diese beiden nur in einem WorkerGlobalScope (Thread oder Prozess). Für WebSockets etwa gibt es keine synchrone API (auch in einem WorkerGlobalScope), weil es dabei durchaus mehrere Sekunden bis zu einer Antwort brauchen kann, im Gegensatz zu einigen Millisekunden.

[マルコ]

wenn er nur eine Verzögerung im Millisekundenbereich braucht, dann wäre diese Lösung durchaus nutzbar. Bzw. es kommt auch darauf an, wie der Rest programmiert ist...
Ich selbst habe noch nie einen solchen Sleep benötigt, kenn also die genauen Auswirkungen nicht.

[Masterakio1995]

Habe in einem anderen Forum die Lösung erhalten. Funktioniert indem ich eine Referenz angebe.

[MrPuschel]

Du solltest ebenfalls die Lösung posten.