jQuery von Kopf bis Fuß (German Edition)

Funktion erstellen, können Sie Ihren Code wieder und wieder verwenden, ohne ihn im Skript ständig wiederholen zu müssen. Stattdessen rufen Sie einfach die Funktion mit ihrem Namen auf, wenn Sie den enthaltenen Code ausführen wollen.
    Durch eigene Funktionen können einem Stück jQuery-Code einen eigenen Namen geben. Dadurch lässt es sich leicht wiederverwenden.

Die Innereien einer Funktion
    Um eine Funktion zu erstellen, benötigen Sie eine spezielle Schreibweise, die den Namen der Funktion mit dem auszuführenden Code verbindet. Hier sehen Sie die Syntax für die einfachste Form einer JavaScript-Funktion:

Funktionen richtig benennen
    Es gibt zwei Möglichkeiten, Funktionen einen Namen zu geben.
    Funktionsdeklaration
    Die erste Methode verwendet eine Funktionsdeklaration . Sie definiert eine benannte Funktionsvariable, ohne dass dafür eine Variable zugewiesen werden muss:
    Funktionsausdruck
    Ein benannter Funktionsausdruck definiert eine Funktion als Teil eines größeren Ausdrucks (typischerweise eine Variablenzuweisung):

    Gute Frage.
    Durch die Bennung Ihrer Funk-tionen, können Sie sie an beliebiger Stelle in Ihrem Code wieder aufrufen. Funktionen ohne Namen, auch anonyme Funktionen genannt, sind in ihrer Verwendbarkeit eher beschränkt. Lassen Sie uns die anonymen Funktionen einmal genauer betrachten, damit Sie sehen, wie groß die Einschränkungen sind, wenn man keinen Namen hat.

Anonyme Funktionen
    Anonyme oder auch selbstausführende Funktionen haben keinen Namen und werden sofort ausgeführt, wenn sie im Code gefunden werden. Variablen, die innerhalb der Funktion deklariert wurden, stehen außerdem nur zur Verfügung, während die Funktion ausgeführt wird .

    Aufgepasst
    Weil wir dieser Funktion keinen Namen gegeben haben, können wir ihn nirgendwo anders in unserem Code aufrufen.
    Es gibt keine: Dummen Fragen
    F:
F: Was ist der Unterschied zwischen einer Funktionsdeklaration und einem benannten Funktionsausdruck?
A:
A: Der Hauptunterschied hat mit der zeitlichen Abfolge zu tun. Eine Funktion, die als benannter Funktionsausdruck deklariert wurde, kann erst bei ihrem Auftauchen im Code benutzt werden. Wurde die Funktion dagegen mit der Funktionsdeklarationsmethode definiert, kann sie an beliebiger Stelle in der Seite aufgerufen werden, sogar als onload-Handler.
F:
F: Gibt es bei der Namensgebung für eine Funktion irgendwelche Einschränkungen?
A:
A: Ja. Funktionsnamen dürfen niemals mit einer Ziffer beginnen. Außerdem dürfen sie keinerlei mathematische Operatoren oder Interpunktionszeichen außer dem Unterstrich (_) enthalten. Zudem darf der Name keinerlei Leerzeichen enthalten. Sowohl bei Variablen- als auch bei Funktionsnamen wird zwischen Groß- und Kleinschreibung unterschieden.

Benannte Funktionen als Event-Handler
    Weiter vorne haben wir bereits gesehen, wie anonyme Funktionen als Handler-Funktionen für Events benutzt werden können. Tatsächlich können wir aber auch unsere eigenen Funktionen als Handler benutzen und sie direkt aus unserem Code aufrufen. Lassen Sie uns nochmal einen Blick auf die Funktionen werfen, die wir vor zwei Seiten benannt haben.

Funktionsdeklaration
    function meineFunktion1(){ $("div").hide(); }

Funktionsausdruck

    jQuery-Magneten
    Versuchen Sie, die Magneten so zu platzieren, dass der Code, der den Rabatt überprüft, in seiner eigenen benannten Funktion mit dem Namen rabattUeberpruefen landet. Die Funktion soll dann als Handler für das click-Event der Ratespiel-Felder verwendet werden.
    jQuery-Magneten: Lösung
    Versuchen Sie, die Magneten so zu platzieren, dass der Code, der den Rabatt überprüft, in seiner eigenen benannten Funktion mit dem Namen rabattUeberpruefen landet. Die Funktion soll dann als Handler für das click-Event der Ratespiel-Felder verwendet werden.

    Tun Sie das hier!
    Gute Arbeit! Wenn Sie Ihre JavaScript-Datei mit diesem Code aktualisieren, haben Sie Ihre erste Funktion erstellt und als Handler für ein click-Event benutzt.
    Kopf-Nuss
    Wie könnte eine Funktion aussehen, die den Rabattcode in einem zufällig gewählten Feld versteckt? Wie würden Sie eine Funktion schreiben, die eine Zufallszahl für den Code erzeugt?
    Tipp: Da der Zufallszahlengenerator jetzt Teil einer Funktionsdeklaration ist, können Sie ihn sowohl in der rabattUeberpruefen-Funktion ALS AUCH in Ihrer neuen Funktion verwenden, die den Rabattcode in einem zufälligen Feld versteckt.

    Manchmal sollen Funktionen eine Aufgabe mehr als einmal ausführen. Je nachdem,