Forum PHP.pl > [JS] konflikt dwóch obiektów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JS] konflikt dwóch obiektów

Forum PHP.pl > Forum > Po stronie przeglądarki

Berkovits

17.03.2014, 15:51:37

Nie jestem profesjonalnym programistą. Byłem całkiem dobry w liceum, ale od tego czasu minęło już ponad 10 lat. Teraz piszę proste gry w przeglądarce dla mojej córki (gdzie więcej zwierzątek, rozpoznanie cyferki, itd.). Prawdę powiedziawszy nie ogarniam tego języka JavaScript, bo nie jest taki klasyczny obiektowy. Ostatnio spotkałem się z takim problemem i nie wiem, co jest grane. Spróbowałem znaleźć najmniejszy kod, który by ukazywał ten problem. Oto on:

[HTML] pobierz, plaintext 
<html>
<head>
<script>
function print(t){document.getElementById("info").innerHTML+=t;}
 
function actions()
{
	this.list=new Array(); //lista funkcji do wywołania
	this.index=0; //indeks aktualnej funkcji do wywołania
}
 
actions.prototype.add = function(funct){
	_this = this;
	this.list.push(function(){
		funct();
		_this.doit()
	}); 
}
 
actions.prototype.doit = function()
{
	if(this.index>=this.list.length) //koniec listy
	{
		print(']('+(this.list.length)+')');
		return; // koniec listy, a więc koniec roboty.
	}	
	this.list[this.index++](); //uruchom kolejną funkcję z listy
}
 
actions.prototype.do = function(){
	print('[');
	this.doit();
}
 
 
function a1()
{
	print(5);
}
 
function a2()
{
	t2 = new actions();
	t2.add(function(){print(6);});
	t2.add(function(){print(7);});
}
 
function load()
{	
	t1 = new actions();
 
	t1.add(function(){print(1);});
	t1.add(function(){print(2);});
	t1.add(function(){print(3);});
	t1.add(function(){print(4);});
	t1.add(a2); //t1.add(a1); (*)
	t1.do(); 
	//W przypadku, gdy w (*) jest t1.add(a1), wszystko działa zgodnie z oczekiwaniami.
	//W przypadku, gdy w (*) jest t1.add(a2), oczekuję, że
	// napisze '[1234', potem stworzy listę dwóch funkcji t2 (ale ich nie wywoła), a następnie napisze '](5)', bo było 5 funkcji na liście.
	// On wyświetla [123467](2). Niejako stworzenie listy t2 nadpisuje listę t1, ale nie tyle wstawia wyrazów z t2 do listy t1, bo na końcu lista nie ma długości 7, ale 2, czyli długość t2.
	//Dlaczego?
};
 
</script>
</head>
<body onload = "load();">
<p>info: <span  id="info"></span></p>
</body>
</html>
[HTML] pobierz, plaintext

Problem wstawiłem do komentarza. Domyślam się, że problemem jest ten nieszczęsny _this, który z jednej strony muszę użyć zamiast this, ponieważ przy uruchamianiu funkcji z listy, zmienna this nie musi się odnosić do danego obiektu. Mam wrażenie, że to, że w obu obiektach t1 i t2 jest ta sama nazwa _this powoduje ten konflikt.

Uprzejmie proszę o pomoc, jak uporać się z problemem.

jacobson

17.03.2014, 15:56:05

Ja moze zapytam o to, co bys chcial osiagnac, poniewaz Twoje rozwiazanie jest dosc "pogmatwane" a swoja droga to jakbys chcial porobic "ciekawsze" gry w prosty sposob to polecam: http://processing.org/

Berkovits

17.03.2014, 16:23:16

Do jacobson:
Dzięki za odpowiedź.

Chcę mieć klasę, która by uruchamiała w zadanej kolejności funkcje. Tutaj dałem uproszczoną wersję, aby było łatwiej znaleźć błąd. Dla przykładu, chcę uruchomić dźwięk, mówiący ,,Wybierz ", potem, gdy ten się skończy, wyświetla się napis "21", potem uruchamia się dźwięk "dwadzieścia", potem, gdy ten dźwięk się skończy, dźwięk "jeden", a na końcu "kropek". Czyli funkcje, które są wykonywane natychmiastowo (w kodzie dałem tylko te), oraz działające dłużej (dźwięk), na zakończenie których czekają kolejne funkcje. Dodatkowo funkcja po prostu dająca pauzę danej długości. Wszystko mi działało, ale jak zacząłem zagnieżdżać moją klasę w sensie pokazanym na przykładzie, zaczęło się krzaczyć.

Myślałem, by zrobić to przez zdarzenia: zakończenie danej funkcji zgłasza się do obiektu "actions", ale jak widzę, js nie obsługuje własnych zdarzeń do naszych obiektów.

Dzięki za link, zaznajomię się.

trueblue

17.03.2014, 18:13:25

A jeśli w linii 13 zadeklarujesz _this jako zmienną lokalną (var _this=this), to co wtedy?

Berkovits

17.03.2014, 20:11:43

Do trueblue:
No dziękuję Ci! Zadziałało w tym programie i tym moim. Siedziałem nad tym już dłuuugo. Kurcze, muszę sobie więcej poczytać o JS, bo jak na razie uczyłem się tylko tyle ile było potrzebne, by napisać jakąś grę.

trueblue

17.03.2014, 20:21:58

Proszę bardzo.

Do klas i łańcuchów funkcji polecam Ci framework MooTools: http://mootools.net/ http://mootools.net/docs/core/Class/Class.Extras

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.