[Erledigt] callback functions in JS Bibliotheken

[Squall]

Hallo community,

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

objekt.function(parameter, callbackFunction) 

In der regel sieht sowas ungefähr so aus:

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:

// 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]

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:

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

[Squall]

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

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]

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]

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:

/*
 * 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]

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

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

aus?

[Squall]

Ein Objekt, vermutlicherweise der "marker"

[Flor1an]

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]

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:

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]

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

Edit: Ja deshalb probiers mal mit skalaren Werten.

[Squall]

OK, kommando zurück hat doch funktioniert. Muss aber this.dealerData und nicht marke.dealerData heissen:

    GEvent.addListener(marker, "click", function() {
        var dealerData = this.dealerData;
    }); 

Danke Leute ihr habt mir den Tag geretet

[Flor1an]

Ich habs oben ja mit "this" gemacht

[Squall]

Dein Beitrag war so einleuchtend dass ich den nicht aufmerksam durchgelesen habe. Bin gleich zum testen gesprintet und dann passieren halt solche Fehler