[Erledigt] callback functions in JS Bibliotheken

Squall · 29.06.2010, 08:50

Hallo community,

ich komme irgendwie mit den Callback function der ganzen JS-Bibliotheken nicht zurecht. Folgende syntax ist ja üblich:

PHP-Code:

  objekt.function(parameter, callbackFunction)

In der regel sieht sowas ungefähr so aus:

PHP-Code:

  objekt.doSomething(parameter, function() { do something after this })

Jetzt will ich aber dieser funktion parameter übergeben, doch irgendwie scheint das auch nicht ganz zu funktionieren. Im aktuellen Fall geht es um die GMap-API aber da ich generell probleme mit diesen callbacks habe suche nach einem Tutorial oder ähnlichem.

Hier noch ein Schnipsel vom aktuellen problem:

PHP-Code:

  // an der stelle existiert eine variable "daten"

// die informationen enthält die ich in der callback function nutzen möchte

marker = new GMarker(new GLatLng(lat, lng), {icon: markerIcon});

map.addOverlay(marker);

 
GEvent.addListener(marker, "click", function() {

    alert(daten); // geht nicht

});

Chriz · 29.06.2010, 08:57

Doch, das muesste funktionieren, verwendete Variablen werden verfuegbar gemacht. Allerdings hast du bei Events natuerlich das Problem, dass die Funktion irgendwann ausgefuehrt werden koennte, sich der Wert der Variable also moeglicherweise seit der Deklaration veraendert hat. Auf die Variable wird nur verwiesen.

Sprich:

Code:

var daten = 5;
myFunc = function() {
  alert(daten);
}
daten = 6;
myFunc(); // Ausgabe = 6

Squall · 29.06.2010, 09:03

richtig und genau aus dem Grund müsste ich eigentlich sowas wie

PHP-Code:

  var daten = 5;

myFunc = function(daten) {

  alert(daten);

}

daten = 6;

myFunc(); // Ausgabe = 6

machen, was aber nicht funktioniert. Daher möchte ich mein wissen zu callbacks etwas vertiefen, sodass ich einen weg finde diese Problemathik anders zu lösen. Leider konnte ich aber bissher nirgendwo eine erklärung zu dem ganzen zeug finden. Als ob ich der einzige währe der callbacks nicht ganz versteht.

Chriz · 29.06.2010, 09:21

Du kannst das schon als Parameter nutzen, nur musst du den Parameter beim Aufruf dann eben auch uebergeben.

Das schwierige ist glaube ich nicht das Verstaendnis fuer die Funktionalitaet (so wie ich das sehe auch bei dir nicht), sondern der Ueberblick ueber die Variablenscharen und Events, synchron, asynchron, per Referenz, Kopie, oder?

Squall · 29.06.2010, 09:31

Nur hat sich der parameter zum zeitpunkt des aufrufs ja schon geändert. Und ja das ganze callback zeug treibt mich jedesmal in den wahnsinn. Sowohl bei Jquery als auch bei GMAP (die von mir am meisten verwendeten apis).

Hier mal der richtige Code zur verdeutlichung:

PHP-Code:

  /*
 * showDealers ist ein array nach dem muster:
 * array(
 *   [0] => array(
 *       ['lat'] => 1245
 *       ['lng'] => 1245
 *       ['name'] => 'ich'
 *   )
 *   [1] => array(
 *       ['lat'] => 9871
 *       ['lng'] => 4567
 *       ['name'] => 'du'
 *   )
 *   usw....
 * )
 */
i = 0;
do {
    dealer = showDealers[i];
    
    markerIcon = new GIcon(G_DEFAULT_ICON);
    
    marker = new GMarker(new GLatLng(dealer["lat"], dealer["lng"]), {icon: markerIcon});
    map.addOverlay(marker);
    
    GEvent.addListener(marker, "click", function() {
        alert(dealer["name"]);
    });
    i++;
} while(i < showDealers.length);

wenn ich i irgendwie der function übergeben könnte, dann könnte ich zumindest noch auf showDealers zugreifen, doch dass geht auch nicht -.-

Ich bin echt am ende.

Chriz · 29.06.2010, 09:50

Üblicherweise bekommst du für Events noch Zusatzinfos. Was gibt denn (bei aktiviertem Firebug)

Code:

GEvent.addListener(marker, "click", function() {
  console.log(arguments);
});

aus?

Squall · 29.06.2010, 09:57

Ein Objekt, vermutlicherweise der "marker"

Flor1an · 29.06.2010, 10:07

Du hast dort aber ein ganz anderes Problem. Pro Schleifendurchlauf hast du ja unterschiedliche dealer["name"] Werte, diese werden aber in der Callbackfunktion nicht gespeichert! Heißt erst wenn du den Klick machst DANN wird die Callback ausgeführt UND DANN wird auf dealer["name"] zugegriffen. In dem Moment wird das wahrscheinlich gar nicht mehr existieren weil die do-while schon längst abgelaufen ist! Hier musst du also die Werte irgendwie außerhalb der do-while speichern und durch den Klick auf den Marker den richtigen Wert finden. Heißt vlt. könntest du IM Marker den Wert "name" Speichern und in der Callbackfunktion versuchen darauf zuzugreifen. Also vor der Callback marker.dealerName = "blub" und in der Callback dann sowas wie this.dealerName, bin mir aber da grad nicht sicher ob das alles so funktioniert.

Squall · 29.06.2010, 10:27

Das Problem war mir schon klar, nur kann ich keine Lösung finden. Hab nicht daran gedacht das ich selbst attribute definieren könnte. Aber folgender versuch:

PHP-Code:

  do {

    dealer = showDealers[i];

    

    markerIcon = new GIcon(G_DEFAULT_ICON);

    

    marker = new GMarker(new GLatLng(dealer["lat"], dealer["lng"]), {icon: markerIcon});

    marker.dealerData = dealer;

    map.addOverlay(marker);

    

    GEvent.addListener(marker, "click", function() {

        var dealerData = marker.dealerData;

    });

    i++;

} while(i < showDealersLength);

führt auch nur dazu das dealer als referenz und nicht als kopie übergeben wird.

Chriz · 29.06.2010, 10:29

Mach mal in der Schleife marker.myOptions = i und lass das ganze wie eben auch ausgeben.

Edit: Ja deshalb probiers mal mit skalaren Werten.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] was ist ein callback	nuna	PHP Tipps 2010	20	20.05.2010 17:36
[Erledigt] function.call-user-func-array: First argument is expected to be a valid ca	stayInside	PHP-Fortgeschrittene	2	22.09.2009 20:00
Fehler beim kompilieren von php 5.2.9	malio	Server, Hosting und Workstations	11	05.06.2009 18:40
Functions output on a new page	unix_united1980	PHP Tipps 2009	3	28.04.2009 08:07
Ausführing von functions in function	fatsurfer	PHP Tipps 2008	4	12.06.2008 13:21
functions problem	PrisonerOfDreams	PHP Tipps 2008	5	17.05.2008 09:41
PHP: Graphics: Special Effects: Wer kennt Bibliotheken?	SvenLittkowski	PHP-Fortgeschrittene	3	22.10.2007 16:50
Benutzt ihr PEAR oder andere proffesionelle Bibliotheken?	Matthiasnet	Off-Topic Diskussionen	3	03.08.2007 23:03
[Erledigt] Autoloading Functions??		PHP-Fortgeschrittene	21	25.10.2005 12:25
Callback handler kann nicht aufgerufen werden		PHP Tipps 2005-2	4	21.08.2005 18:44
Functions problem...		PHP Tipps 2005-2	1	24.06.2005 16:40
variable als functions namen benutzen		PHP-Fortgeschrittene	9	13.02.2005 04:22
Gebräuchliche Bibliotheken		PHP Tipps 2004	1	24.09.2004 16:27
Sessions und Functions		PHP Tipps 2004	3	21.08.2004 10:38
functions		PHP Tipps 2004	9	09.06.2004 15:18

29.06.2010, 08:50
Squall Erfahrener Benutzer Registriert seit: 19.03.2009 Beiträge: 539 PHP-Kenntnisse: Fortgeschritten	[Erledigt] callback functions in JS Bibliotheken Hallo community, ich komme irgendwie mit den Callback function der ganzen JS-Bibliotheken nicht zurecht. Folgende syntax ist ja üblich: PHP-Code: `objekt.function(parameter, callbackFunction)` In der regel sieht sowas ungefähr so aus: PHP-Code: `objekt.doSomething(parameter, function() { do something after this })` Jetzt will ich aber dieser funktion parameter übergeben, doch irgendwie scheint das auch nicht ganz zu funktionieren. Im aktuellen Fall geht es um die GMap-API aber da ich generell probleme mit diesen callbacks habe suche nach einem Tutorial oder ähnlichem. Hier noch ein Schnipsel vom aktuellen problem: PHP-Code: `// an der stelle existiert eine variable "daten" // die informationen enthält die ich in der callback function nutzen möchte marker = new GMarker(new GLatLng(lat, lng), {icon: markerIcon}); map.addOverlay(marker); GEvent.addListener(marker, "click", function() { alert(daten); // geht nicht });`


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

29.06.2010, 08:57
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Doch, das muesste funktionieren, verwendete Variablen werden verfuegbar gemacht. Allerdings hast du bei Events natuerlich das Problem, dass die Funktion irgendwann ausgefuehrt werden koennte, sich der Wert der Variable also moeglicherweise seit der Deklaration veraendert hat. Auf die Variable wird nur verwiesen. Sprich: Code: var daten = 5; myFunc = function() { alert(daten); } daten = 6; myFunc(); // Ausgabe = 6 __________________ "Nuschel ich?" - "Was?"

29.06.2010, 09:03
Squall Erfahrener Benutzer Registriert seit: 19.03.2009 Beiträge: 539 PHP-Kenntnisse: Fortgeschritten	richtig und genau aus dem Grund müsste ich eigentlich sowas wie PHP-Code: `var daten = 5; myFunc = function(daten) { alert(daten); } daten = 6; myFunc(); // Ausgabe = 6` machen, was aber nicht funktioniert. Daher möchte ich mein wissen zu callbacks etwas vertiefen, sodass ich einen weg finde diese Problemathik anders zu lösen. Leider konnte ich aber bissher nirgendwo eine erklärung zu dem ganzen zeug finden. Als ob ich der einzige währe der callbacks nicht ganz versteht.

29.06.2010, 09:21
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Du kannst das schon als Parameter nutzen, nur musst du den Parameter beim Aufruf dann eben auch uebergeben. Das schwierige ist glaube ich nicht das Verstaendnis fuer die Funktionalitaet (so wie ich das sehe auch bei dir nicht), sondern der Ueberblick ueber die Variablenscharen und Events, synchron, asynchron, per Referenz, Kopie, oder? __________________ "Nuschel ich?" - "Was?"

29.06.2010, 09:31
Squall Erfahrener Benutzer Registriert seit: 19.03.2009 Beiträge: 539 PHP-Kenntnisse: Fortgeschritten	Nur hat sich der parameter zum zeitpunkt des aufrufs ja schon geändert. Und ja das ganze callback zeug treibt mich jedesmal in den wahnsinn. Sowohl bei Jquery als auch bei GMAP (die von mir am meisten verwendeten apis). Hier mal der richtige Code zur verdeutlichung: PHP-Code: /* * showDealers ist ein array nach dem muster: * array( * [0] => array( * ['lat'] => 1245 * ['lng'] => 1245 * ['name'] => 'ich' * ) * [1] => array( * ['lat'] => 9871 * ['lng'] => 4567 * ['name'] => 'du' * ) * usw.... * ) */ i = 0; do { dealer = showDealers[i]; markerIcon = new GIcon(G_DEFAULT_ICON); marker = new GMarker(new GLatLng(dealer["lat"], dealer["lng"]), {icon: markerIcon}); map.addOverlay(marker); GEvent.addListener(marker, "click", function() { alert(dealer["name"]); }); i++; } while(i < showDealers.length); wenn ich i irgendwie der function übergeben könnte, dann könnte ich zumindest noch auf showDealers zugreifen, doch dass geht auch nicht -.- Ich bin echt am ende.

29.06.2010, 09:50
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Üblicherweise bekommst du für Events noch Zusatzinfos. Was gibt denn (bei aktiviertem Firebug) Code: GEvent.addListener(marker, "click", function() { console.log(arguments); }); aus? __________________ "Nuschel ich?" - "Was?"

29.06.2010, 09:57
Squall Erfahrener Benutzer Registriert seit: 19.03.2009 Beiträge: 539 PHP-Kenntnisse: Fortgeschritten	Ein Objekt, vermutlicherweise der "marker" Miniaturansicht angehängter Grafiken Geändert von Squall (29.06.2010 um 10:01 Uhr).

29.06.2010, 10:07
Flor1an da schreibt der ElePHPant Registriert seit: 18.06.2008 Beiträge: 8.903 PHP-Kenntnisse: Fortgeschritten	Du hast dort aber ein ganz anderes Problem. Pro Schleifendurchlauf hast du ja unterschiedliche dealer["name"] Werte, diese werden aber in der Callbackfunktion nicht gespeichert! Heißt erst wenn du den Klick machst DANN wird die Callback ausgeführt UND DANN wird auf dealer["name"] zugegriffen. In dem Moment wird das wahrscheinlich gar nicht mehr existieren weil die do-while schon längst abgelaufen ist! Hier musst du also die Werte irgendwie außerhalb der do-while speichern und durch den Klick auf den Marker den richtigen Wert finden. Heißt vlt. könntest du IM Marker den Wert "name" Speichern und in der Callbackfunktion versuchen darauf zuzugreifen. Also vor der Callback marker.dealerName = "blub" und in der Callback dann sowas wie this.dealerName, bin mir aber da grad nicht sicher ob das alles so funktioniert.

29.06.2010, 10:27
Squall Erfahrener Benutzer Registriert seit: 19.03.2009 Beiträge: 539 PHP-Kenntnisse: Fortgeschritten	Das Problem war mir schon klar, nur kann ich keine Lösung finden. Hab nicht daran gedacht das ich selbst attribute definieren könnte. Aber folgender versuch: PHP-Code: `do { dealer = showDealers[i]; markerIcon = new GIcon(G_DEFAULT_ICON); marker = new GMarker(new GLatLng(dealer["lat"], dealer["lng"]), {icon: markerIcon}); marker.dealerData = dealer; map.addOverlay(marker); GEvent.addListener(marker, "click", function() { var dealerData = marker.dealerData; }); i++; } while(i < showDealersLength);` führt auch nur dazu das dealer als referenz und nicht als kopie übergeben wird.

29.06.2010, 10:29
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Mach mal in der Schleife marker.myOptions = i und lass das ganze wie eben auch ausgeben. Edit: Ja deshalb probiers mal mit skalaren Werten. __________________ "Nuschel ich?" - "Was?"