jQuery von Kopf bis Fuß (German Edition)
welche Informationen wir übergeben, soll es ein anderes Ergebnis geben.
Sie können Variablen an Ihre Funktionen übergeben. Wie Sie aus Kapitel 2 wissen, können Variablen verwendet werden, um Informationen zu speichern, die sich im Laufe der Zeit ändern. Auch wenn wir uns schon einmal damit beschäftigt haben, wollen wir noch einmal sehen, wie Variablen funktionieren.
Ein paar Variablen haben wir in unserem Code bereits benutzt. Wissen Sie noch?
Variablen an eine Funktion übergeben
Wenn Sie Variablen an eine Funktion übergeben, werden die Variablen auch als Argumente bezeichnet. (Manchmal spricht man auch von Parametern .) Lassen Sie uns sehen, wie Sie ein Argument an eine Funktion übergeben können.
Die Funktion muss nicht wissen, was die Variable enthält. Sie zeigt einfach nur an, was gerade in der Variablen gespeichert ist. Wenn die Funktion etwas anderes anzeigen soll, brauchen Sie anstelle der Funktion also einfach nur die Variable zu ändern. (Sonst wäre es auch keine wiederverwendbare Funktion!)
Entspannen Sie sich
Die Kombination von Variablen und Funktionen kommt Ihnen seltsam vor.
Tatsächlich können Sie sich die Funktion wie ein Rezept vorstellen, zum Beispiel für einen Drink. Die wichtigsten Arbeitsschritte zum Mixen sind bekannt: ein Spritzer von dem hier, einen Schuss davon, ein Schlückchen da, und alles gut rühren. Das ist Ihre Funktion. Und die tatsächlichen Zutaten sind die übergebenen Variablen. Möchte jemand einen Gin Tonic?
Funktionen können auch Werte zurückgeben
Um Informationen aus einer Funktion zurückzugeben, brauchen Sie das Schlüsselwort return . Darauf folgt das, was von der Funktion zurückgegeben werden soll. Das Ergebnis wird dann an den Code zurückgegeben, wo Sie es weiterverwenden können.
Der Rückgabetyp kann eine Zahl sein, ein Textstring oder sogar ein DOM-Element (-Objekt).
Spitzen Sie Ihren Bleistift
Jetzt, wo Sie wissen, wie Sie Ihre eigenen Funktionen erstellen, können Sie die Datei meine_scripts.js um eine neue Funktion erweitern, die ein einzelnes Argument (mit dem Namen num ) übernimmt und auf Grundlage dieses Arguments eine Zufallszahl zurückgibt. Nennen Sie diese Funktion zufallszahl_erzeugen .
Tipp: Denken Sie an den Code, den Sie bereits zum Erzeugen einer Zufallszahl benutzt haben. Überlegen Sie, an welcher Stelle in der Funktion er passen könnte.
Spitzen Sie Ihren Bleistift: Lösung
Jetzt, wo Sie wissen, wie Sie Ihre eigenen Funktionen erstellen, können Sie die Datei meine_scripts.js um eine neue Funktion erweitern, die ein einzelnes Argument (mit dem Namen num ) übernimmt und auf Grundlage dieses Arguments eine Zufallszahl zurückgibt. Nennen Sie diese Funktion zufallszahl_erzeugen .
Jim: Zusätzlich zu zufallszahl_erzeugen brauchen wir noch eine weitere Funktion.
Frank: Ja genau, eine Funktion, die zufallszahl_erzeugen benutzt, um den Rabattcode in einem zufällig gewählten Feld zu verstecken.
Joe: Das klingt sinnvoll. Und nachdem der Besucher ein Feld angeklickt hat, können wir testen, ob es das richtige Feld war.
Jim: Wie soll das denn gehen? Überprüfen, ob der Benutzer das richtige Feld angeklickt hat?
Frank: Bedingungen!
Jim: Was?
Frank: Mithilfe von Bedingungen können wie testen, ob eine bestimmte Situation vorliegt, und dann den passenden Code ausführen.
Joe: Meinst Du, wir können überprüfen, ob eine Variable einen bestimmten Wert hat, oder ob zwei Werte gleich sind?
Frank: Ganz genau! Wir können sogar feststellen, ob sich ein Element in einem anderen befindet.
Jim: Wow, das muss ich sehen!
Entscheidungen mithilfe von Bedingungen treffen
jQuery verwendet die Möglichkeiten der Bedingungslogik von JavaScript. Anhand von Bedingungen können Sie unterschiedlichen Code ausführen, je nachdem, welche Entscheidungen das Skript aufgrund der vorhandenen Informationen treffen soll. Unten sehen Sie ein einfaches Beispiel für JavaScript-Bedingungen. Mehr dazu erfahren Sie in Kapitel 6 .
jQuery-Magneten
Versuchen Sie, die Magneten so umzustellen, dass eine neue benannte Funktion mit dem Namen code_verstecken entsteht. Sie soll eine Bedingung verwenden, um jedes Mal ein neues span -Element mit der ID hat_rabatt per Zufall in einem der .ratespiel - div -Elemente zu verstecken.
jQuery-Magneten: Lösung
Versuchen Sie, die Magneten so umzustellen, dass eine neue benannte Funktion mit dem Namen code_verstecken entsteht. Sie soll eine Bedingung verwenden, um jedes Mal ein neues
Weitere Kostenlose Bücher