Bedingte Anweisungen in Javascript – IF-ELSE-Konstruktion – Bedingungen in Javascript – Grundlagen. Bedingte Anweisungen Beispiele mit if in Javascript

💖 Gefällt es dir? Teilen Sie den Link mit Ihren Freunden

Mit einem Bedingungsoperator können Sie einen bestimmten Codeblock überspringen oder ausführen, abhängig vom Ergebnis der Berechnung eines bestimmten Ausdrucks – einer Bedingung. Eine bedingte Anweisung kann als Entscheidungspunkt in einem Programm bezeichnet werden; manchmal wird sie auch als Verzweigungsanweisung bezeichnet. Wenn Sie sich vorstellen, dass ein Programm eine Straße ist und der PHP-Interpreter ein Reisender, der darauf geht, dann können Sie sich bedingte Anweisungen als Kreuzungen vorstellen, an denen der Programmcode in zwei oder mehr Straßen verzweigt, und an solchen Kreuzungen muss der Interpreter entscheiden, welche Der nächste Weg.

if-Anweisung

Die if-Anweisung ist die einfachste der Verzweigungsanweisungen.

Die Syntax der if-Anweisung lautet:

Die if-Anweisung wertet zunächst den in Klammern angegebenen bedingten Ausdruck aus, dessen Ergebnis ein boolescher Wert ist. Wenn das erhaltene Ergebnis wahr ist, wird die Anweisung ausgeführt. Wenn der Ausdruck „false“ zurückgibt, wird die Anweisung nicht ausgeführt. Als Bedingung kann ein beliebig komplexer Ausdruck verwendet werden.

Wenn der Hauptteil der if-Anweisung nur eine Anweisung verwendet, ist das Einschließen dieser in geschweifte Klammern möglich, aber nicht erforderlich. Wenn Sie jedoch mehr als eine Anweisung im Hauptteil einer if-Anweisung ausführen müssen, müssen diese mehreren Anweisungen in geschweifte Klammern eingeschlossen werden. Bitte beachten Sie, dass nach der schließenden geschweiften Klammer kein Semikolon stehen darf.

Der folgende Code demonstriert die Verwendung der if-Anweisung:

If-Anweisungen können in andere if-Anweisungen verschachtelt werden:

Beachten Sie das letzte Beispiel: Die Anweisung muss nicht genau unter der if-Anweisung geschrieben werden; wenn die Anweisung nicht groß ist, kann sie in einer Zeile geschrieben werden.

if else-Anweisung

Und so haben wir gelernt, dass die if-Anweisung es Ihnen ermöglicht, Anweisungen auszuführen, wenn die Bedingung wahr ist. Wenn die Bedingung falsch ist, wird keine Aktion ausgeführt. Allerdings ist es häufig erforderlich, bestimmte Anweisungen auszuführen, wenn eine bestimmte Bedingung wahr ist, und andere Anweisungen, wenn die Bedingung falsch ist. In solchen Fällen wird die if else-Verzweigung verwendet. Es besteht aus einer if-Anweisung, gefolgt von einem Block von Anweisungen und Stichwort else gefolgt von einem weiteren Anweisungsblock.

Die Syntax der if else-Anweisung lautet:

Die else-Anweisung ist optional. Der nach else liegende Befehlsblock wird standardmäßig ausgeführt, d. h. wenn der bedingte Ausdruck in if false zurückgibt. Die else-Anweisung kann nicht getrennt von der if-Anweisung verwendet werden. Der else-Block sollte nur nach der if-Anweisung erscheinen; er kann als Standardaktion betrachtet werden.

Indem wir unser vorheriges Beispiel leicht modifizieren, können wir sehen, wie die if else-Anweisung funktioniert, wenn die Bedingung „false“ zurückgibt:

Die if else-Anweisung kann verschachtelt werden. Solche verschachtelten bedingten Anweisungen kommen in der Praxis recht häufig vor. Eine if-Anweisung ist verschachtelt, wenn sie in einem anderen if- oder else-Block verschachtelt ist. Wenn Ihr Code mehrere if-Anweisungen hintereinander verwendet, bezieht sich else immer auf die nächstgelegene if-Anweisung:

Das letzte else trifft nicht auf if($a) zu, da es sich nicht im inneren Block befindet. Das nächstliegende ist also if($i) . Die else-Anweisung innerhalb des Blocks bezieht sich auf if($b), da diese if ihr am nächsten kommt.

elseif/else if-Konstrukt

Die if/else-Anweisung wertet den Wert eines bedingten Ausdrucks aus und führt ein bestimmtes Fragment aus Programmcode. Was aber, wenn Sie eines von vielen Fragmenten ausführen müssen? Wenn Sie mehrere Bedingungen hintereinander prüfen müssen, eignet sich hierfür die elseif- oder else if-Konstruktion (das ist die gleiche Konstruktion, nur anders geschrieben). Formal handelt es sich nicht um ein eigenständiges PHP-Konstrukt – es handelt sich lediglich um einen gängigen Programmierstil, der aus der Verwendung wiederholter if/else-Anweisungen besteht. Es ermöglicht das Testen zusätzlicher Bedingungen, bis true gefunden wird oder der else-Block erreicht wird. Die elseif/else if-Anweisung muss nach der if-Anweisung und vor der else-Anweisung (falls vorhanden) stehen.

Hier werden drei Bedingungen überprüft und je nach Wert der Variablen $username verschiedene Aktionen.

Es gibt wirklich nichts Besonderes an diesem Stück. Es handelt sich einfach um eine Folge von if-Anweisungen, wobei jede if-Anweisung Teil der else-Klausel der vorherigen if-Anweisung ist. Für diejenigen, die diese Notationsform zum ersten Mal kennengelernt haben und nicht wirklich verstehen, wie sie funktioniert, werden wir dasselbe Beispiel umschreiben, nur in einer äquivalenten syntaktischen Form, die die Verschachtelung von Strukturen vollständig zeigt:

In diesem Beispiel deklarieren wir zunächst vier Variablen mit dem Schlüsselwort var und weisen ihnen sofort numerische Werte zu. Als nächstes ändern wir mithilfe der Inkrementierungs- und Dekrementierungsoperatoren die Werte von Zahlen. Informationen werden über die Echo-Funktion angezeigt (siehe Artikel „“). Um zu vermeiden, dass der Objektname erneut geschrieben wird, habe ich das Konstrukt with() verwendet.

Logische Operatoren

Bei der Überprüfung von Bedingungen werden logische Operatoren verwendet. Um mich nicht zu wiederholen, mache ich eine Abkürzung: Der linke Operand ist L.O. und der rechte Operand ist P.O.

  • && – Logisches „UND“
  • || - "ODER"
  • ! - "NICHT"
  • > - L.O. mehr Postfächer
  • >= - L.O. größer oder gleich P.O.
  • < - Л.О. меньше П.О.
  • = 5 && a= 5 || b== 100 ) //true msg2 = "TRUE" ; sonst msg2 = "FALSE" ; Popup (msg2, 5, Titel, vbInformation) ; //bedingte Anweisung js if else if (! a) //false msg3 = "TRUE" ; sonst msg3 = "FALSE" ; Popup (msg3, 5, Titel, vbInformation) ; if (a&= 100 ) //false msg4 = "TRUE" ; sonst msg4 = "FALSE" ; Popup (msg4, 5, Titel, vbInformation) ; )

    Wie im vorherigen Skript habe ich auch hier das with-Konstrukt verwendet, um den Programmcode zu kürzen. Zur Anzeige von Informationen nutzen wir jedoch die Popup-Funktion (siehe Artikel „“). Dadurch werden die Dialogfelder nach einigen Sekunden automatisch geschlossen. Bitte beachten Sie, dass wir in diesem Beispiel in der bedingten js-if-Anweisung keine geschweiften Klammern verwendet haben; diese sind nur relevant, wenn Sie nicht eine Codezeile, sondern mehrere ausführen müssen.

    Schauen wir uns abschließend ein praktisches Beispiel wie das Lösen einer quadratischen Gleichung an:

    // Lösen einer quadratischen Gleichung // uravnenije_if_else.js // ************************************* *********** ******************************** var a, b, c, d, x, x1, x2; //Variablen deklarieren a=- 2 ; b= 6 ; c= 20 ; //Suche nach Diskriminante d= Math .pow (b, 2 ) - 4 * a* c; if (d== 0 ) ( x= b/ (2 * a); msg= „Die Gleichung hat eine Lösung, x ist genau „ + x ) else ( if (d> 0 ) ( x1= (- b+ Math . sqrt (d) ) / (2 * a) ; x2= (- b- Math .sqrt (d) ) / (2 * a) ; msg= "Die Gleichung hat zwei Lösungen \n x1 genau " + x1 + "\ n x2 genau " + x2; // bedingte Anweisung if else js ) else msg= "Keine Lösung" ; ) WScript.Echo (msg) ;

    Die Quelle für dieses interaktive Beispiel ist in einem GitHub-Repository gespeichert. Wenn Sie zum interaktiven Beispielprojekt beitragen möchten, klonen Sie bitte https://github.com/mdn/interactive-examples und senden Sie uns eine Pull-Anfrage.

    Syntax if (Bedingung) Anweisung1 Bedingung Ein Ausdruck, der entweder als wahr oder falsch angesehen wird. Anweisung1 Anweisung, die ausgeführt wird, wenn die Bedingung wahr ist. Kann eine beliebige Anweisung sein, einschließlich weiterer verschachtelter if-Anweisungen. Um mehrere Anweisungen auszuführen, verwenden Sie eine Blockanweisung (( ... )), um diese Anweisungen zu gruppieren. Um keine Anweisungen auszuführen, verwenden Sie eine leere Anweisung. Anweisung2 Anweisung, die ausgeführt wird, wenn die Bedingung falsch ist und die else-Klausel vorhanden ist. Kann eine beliebige Anweisung sein, einschließlich Blockanweisungen und weiterer verschachtelter if-Anweisungen. Beschreibung

    Mehrere if...else-Anweisungen können verschachtelt werden, um eine else if-Klausel zu erstellen. Beachten Sie, dass es in JavaScript kein Schlüsselwort elseif (in einem Wort) gibt.

    If (Bedingung1) Anweisung1, sonst wenn (Bedingung2) Anweisung2, sonst wenn (Bedingung3) Anweisung3 ... sonst AnweisungN

    Um zu sehen, wie das funktioniert, sehen Sie hier, wie es aussehen würde, wenn die Verschachtelung richtig eingerückt wäre:

    If (Bedingung1) Anweisung1 else if (Bedingung2) Anweisung2 else if (Bedingung3) ...

    Um mehrere Anweisungen innerhalb einer Klausel auszuführen, verwenden Sie eine Blockanweisung (( ... )), um diese Anweisungen zu gruppieren. Im Allgemeinen empfiehlt es sich, immer Blockanweisungen zu verwenden, insbesondere in Code mit verschachtelten if-Anweisungen:

    If (Bedingung) (Anweisungen1) sonst (Anweisungen2)

    Verwechseln Sie nicht die primitiven booleschen Werte wahr und falsch mit der Wahrhaftigkeit oder Falschheit des booleschen Objekts. Jeder Wert, der nicht false , undefiniert , null , 0 , -0 , NaN oder die leere Zeichenfolge ("") ist, und jedes Objekt, einschließlich eines booleschen Objekts, dessen Wert false ist, wird bei Verwendung als Bedingung als wahr angesehen. Zum Beispiel:

    Var b = new Boolean(false); if (b) // diese Bedingung ist wahr

    Beispiele Verwendung von if...else if (cipher_char === from_char) ( result = result + to_char; x++; ) else ( result = result + clear_char; ) Verwendung von else if

    Beachten Sie, dass es in JavaScript keine elseif-Syntax gibt. Sie können es jedoch mit einem Leerzeichen zwischen else und if schreiben:

    Wenn (x > 50) ( /* das Richtige tun */ ) sonst wenn (x > 5) ( /* das Richtige tun */ ) sonst ( /* das Richtige tun */ )

    Zuweisung innerhalb des bedingten Ausdrucks

    Es wird empfohlen, in einem bedingten Ausdruck keine einfachen Zuweisungen zu verwenden, da die Zuweisung beim Durchsehen des Codes mit Gleichheit verwechselt werden kann. Verwenden Sie beispielsweise nicht den folgenden Code:

    Wenn (x = y) ( /* das Richtige tun */ )

    Wenn Sie eine Zuweisung in einem bedingten Ausdruck verwenden müssen, ist es üblich, zusätzliche Klammern um die Zuweisung zu setzen. Zum Beispiel:

    Wenn ((x = y)) ( /* das Richtige tun */ )

    Spezifikationen Kommentar zum Spezifikationsstatus
    Neuester ECMAScript-Entwurf (ECMA-262)
    Entwurf
    ECMAScript 2015 (6. Auflage, ECMA-262)
    Die Definition der „if-Anweisung“ in dieser Spezifikation.
    Standard
    ECMAScript 5.1 (ECMA-262)
    Die Definition der „if-Anweisung“ in dieser Spezifikation.
    Standard
    ECMAScript 3. Auflage (ECMA-262)
    Die Definition der „if-Anweisung“ in dieser Spezifikation.
    Standard
    ECMAScript 1. Auflage (ECMA-262)
    Die Definition der „if-Anweisung“ in dieser Spezifikation.
    Standard Erste Definition
    Browser-Kompatibilität

    Die Kompatibilitätstabelle auf dieser Seite wird aus strukturierten Daten generiert. Wenn Sie zu den Daten beitragen möchten, schauen Sie sich bitte https://github.com/mdn/browser-compat-data an und senden Sie uns eine Pull-Anfrage.

    Kompatibilitätsdaten auf GitHub aktualisieren

    Desktop-Mobilserver Chrome Edge Firefox Internet Explorer Opera Safari Android-Webansicht Chrome für Android Firefox für Android Opera für Android Safari auf iOS Samsung Internet Node.jsansonsten
    Chrome Volle Unterstützung 1Edge Volle Unterstützung 12Firefox Volle Unterstützung 1IE Volle Unterstützung 3Opera Volle Unterstützung JaSafari Volle Unterstützung JaWebView Android Volle Unterstützung 1Chrome Android Volle Unterstützung 18Firefox Android Volle Unterstützung 4Opera Android Volle Unterstützung JaSafari iOS Volle Unterstützung JaSamsung Internet Android Volle Unterstützung 1.0nodejs Volle Unterstützung Ja

    Beginnen wir mit dem Erlernen bedingter Anweisungen in JavaScript. Hier schauen wir uns das If-Else-Konstrukt an. Ins Russische übersetzt lautet diese Bedingung „Wenn-Dann“.

    Bevor wir jedoch über Bedingungen in JavaScript sprechen, schauen wir uns an, wie und wo sie im wirklichen Leben auftreten.

    Wenn es zum Beispiel abends klar ist, gehen wir in den Park.

    Wenn dieses Auto weniger als 1.000 $ kostet, dann kaufe ich es usw.

    Wie Sie wahrscheinlich bereits verstanden haben, kommen die Bedingung „Wenn“ und die Konsequenz „Dann“ in unserem Leben recht häufig vor. Das heißt, unser Verhalten in verschiedenen Situationen hängt hauptsächlich von bestimmten Bedingungen ab.

    Dasselbe gilt auch für Programmiersprachen. Sie verfügen über spezielle Konstrukte, mit denen Sie bestimmte Bedingungen festlegen und Aktionen ausführen können, wenn die angegebenen Bedingungen erfüllt oder nicht erfüllt sind.

    Versuchen wir, ein einfaches Beispiel für die Verwendung von bedingten Anweisungen bzw. des If-Else-Konstrukts in JavaScript zu implementieren.

    Schauen wir uns zunächst an, wie die If-Anweisung in JavaScript funktioniert.

    Dazu geben wir im Folgenden zunächst ein Beispiel und analysieren es anschließend.

    var Weather = "clear" ; /* eine Pogoda-Variable erstellen und ihr den Wert „clear“ zuweisen */

    if(pogoda == "clear") /* eine Bedingung erstellen: wenn pogoda gleich "clear" ist - TRUE*/

    ( /* Das... */

    document.write();

    Meine Familie und ich gehen abends in den Park

    Worauf sollten Sie im obigen Beispiel achten?

    Zunächst zu Gleichheitszeichen == und Zuweisungen = in JavaScript. Sie sollten unterschieden werden: Das heißt, zuerst erstellen wir eine Variable und weisen ihr einen Wert zu. Dann sprechen wir in der If-Bedingung von Gleichheit.

    Zweitens: Wenn es um die Erfüllung oder Nichterfüllung einer in geschweiften Klammern () eingeschlossenen Bedingung geht, sollte man sich darüber im Klaren sein, dass die JavaScript-Sprache die Bedingung entweder als wahr oder falsch wahrnimmt. Das heißt, wenn die Bedingung wahr ist, wie in unserem Fall, wird die in geschweifte Klammern () eingeschlossene Aktion ausgeführt.

    Wenn die Bedingung „Falsch“ ist, wie im Beispiel unten, dann ist die Bedingung in enthalten Geschweifte Klammern() wird nicht ausgeführt.

    var Weather = „bewölkt“ ;

    if(pogoda == "clear" ) /* jetzt ist die Bedingung FALSCH: pogoda ist nicht gleich „clear“ */

    document .write („Meine Familie und ich gehen abends in den Park“);

    So funktioniert der Bedingungsoperator If: Wenn die Bedingung wahr ist, wird die Aktion ausgeführt, wenn sie falsch ist, wird die Aktion nicht ausgeführt. Es ist einfach.

    Lassen Sie uns nun darüber sprechen, wie das If-Else-Konstrukt in JavaScript funktioniert. Else wird mit „Sonst“ übersetzt.

    Wenden wir uns noch einmal dem wirklichen Leben zu. Wenn eine Bedingung erfüllt ist, unternehmen wir in den meisten Fällen eine Aktion. Wenn es nicht erfüllt ist – „Sonst“, dann machen wir etwas anderes.

    Lassen Sie uns mit den zuvor gegebenen Beispielen weiterarbeiten.

    Wenn es abends klar ist, gehen wir in den Park, sonst (wenn es bewölkt ist) Wir bleiben zu Hause und schauen fern.

    Oder wenn dieses Auto weniger als 1000 $ kostet, dann werde ich es kaufen, andernfalls (Wenn es mehr kostet) Mit diesem Geld werde ich eine Reise machen.

    JavaScript verfügt auch über die Fähigkeit, eine Alternative bereitzustellen ( mach etwas anderes), wenn die Bedingung nicht erfüllt ist. In JavaScript können wir mithilfe des If-Else-Konstrukts ähnliche Bedingungen erstellen. Nehmen wir ein Beispiel.

    var Weather = „bewölkt“ ; /* Weise der Variablen „pogoda“ den Wert „cloudy“ zu */

    if(pogoda == "clear") /* eine Bedingung erstellen: wenn pogoda gleich „clear“ ist – das ist WAHR */

    document .write („Meine Familie und ich gehen abends in den Park“);

    else /* sonst – wenn pogoda nicht gleich „clear“ ist – das ist FALSCH */

    {
    document.write("

    " + „Wir bleiben zu Hause – schauen fern“);
    }

    Wir bleiben zu Hause – schauen fern

    Schauen wir uns das gegebene Beispiel an.

    Wenn die Bedingung also wahr ist, wird die Aktion ausgeführt, die der in geschweiften Klammern () eingeschlossenen If-Anweisung folgt.

    Wenn die Bedingung „Falsch“ ist, wird die Aktion nach der Else-Anweisung ausgeführt, ebenfalls in geschweiften Klammern eingeschlossen ().

    Wir haben uns angeschaut, wie das einfache, aber häufig verwendete If-Else-Konstrukt in JavaScript funktioniert. Und hier gilt für die Zukunft: Egal wie komplex die Bedingung auch sein mag, es kommt zunächst darauf an, ob sie wahr oder falsch ist.

    Um das behandelte Material „Bedingte Anweisungen in Javascript – IF-ELSE-Konstruktion“ zu konsolidieren, schauen wir uns ein weiteres Beispiel an.

    Erst jetzt verwenden wir die If-Else-Bedingung, wenn wir mit Zahlen arbeiten.

    var count = 10 ;

    if(count = 3 ) /* eine Bedingung erstellen: Wenn die Anzahl der Elemente des Friends-Arrays größer oder gleich 3 ist, dann ....*/

    document .write("Dies ist ein großes Array mit mindestens 3 Elementen");

    sonst /* sonst... */

    {
    document .write („Dies ist ein kleines Array mit weniger als 3 Elementen“);

    Reg.ru: Domains und Hosting

    Der größte Registrar und Hosting-Anbieter in Russland.

    Mehr als 2 Millionen Domainnamen im Einsatz.

    Werbung, Domain-Mail, Geschäftslösungen.

    Mehr als 700.000 Kunden auf der ganzen Welt haben bereits ihre Wahl getroffen.

    Bootstrap-Framework: schnelles adaptives Layout

    Schritt-für-Schritt-Videokurs zu den Grundlagen des adaptiven Layouts im Bootstrap-Framework.

    Lernen Sie den Schriftsatz einfach, schnell und effizient mit einem leistungsstarken und praktischen Werkzeug.

    Layout zum Bestellen und Bezahlen.

    *Bewegen Sie die Maus darüber, um das Scrollen anzuhalten.

    Zurück vorwärts

    Funktionen und if-else-Bedingungen in JavaScript

    Oft, wenn mit JavaScript Es besteht die Notwendigkeit, unterschiedliche Aktionen durchzuführen, wenn unterschiedliche Bedingungen erfüllt sind.

    Sie haben beispielsweise ein Skript geschrieben, das überprüft, welchen Browser ein Besucher beim Besuch Ihrer Website verwendet. Handelt es sich um den Internet Explorer, muss eine speziell für den IE konzipierte Seite geladen werden; handelt es sich um einen anderen Browser, muss eine andere Version dieser Seite geladen werden.

    Die allgemeine Syntax eines if-else-Konstrukts lautet wie folgt:

    If (Bedingung) (Aktion) else (Aktion2);

    Betrachten Sie als Beispiel den folgenden Code:

    If (browser=="MSIE") ( Alert("Sie verwenden IE") ) else ( Alert("Sie verwenden IE nicht") );

    Beachten Sie, dass ausschließlich Kleinbuchstaben verwendet werden. Wenn Sie „IF“ schreiben, tritt ein Fehler auf.

    Beachten Sie außerdem, dass zum Vergleich das doppelte Gleichheitszeichen (==) verwendet wird.

    Wenn wir schreiben browser="MSIE", dann weisen wir einfach den Wert zu MSIE Variable benannt Browser.

    Wenn wir schreiben browser=="MSIE", dann „versteht“ JavaScript, dass wir einen Vergleich durchführen und keinen Wert zuweisen möchten.

    Schwierigere Bedingungen Wenn Sie können sie einfach erstellen, indem Sie sie beispielsweise einem Teil hinzufügen anders bereits bestehende Struktur ansonsten:

    If (condition) (action1) else (if (andere Bedingung) (action2) else (action3); );

    Zum Beispiel:

    If (browser=="MSIE") ( Alert("Sie verwenden IE") ) else ( if (browser=="Netscape") ( Alert("Sie verwenden Firefox") ) else ( Alert("Sie verwenden ein nicht erkannter Browser: )")); );

    Logische Operatoren AND, OR und NOT

    Für eine noch flexiblere Nutzung des Designs ansonsten Sie können sogenannte logische Operatoren verwenden.

    Und wird als && geschrieben und verwendet, wenn mehr als eine Bedingung auf Wahrheit geprüft werden muss.

    Zum Beispiel: Wenn Eier im Kühlschrank sind und Speck im Kühlschrank, dann können wir Eier und Speck essen.

    Die Syntax lautet wie folgt:

    If (Bedingung1 && Bedingung2) ( Aktion ) if (Stunde==12 && Minute==0) ( Alert("Mittag!") );

    Oder wird als || geschrieben und wird verwendet, wenn wir die Wahrheit von mindestens einer von zwei oder mehr Bedingungen überprüfen möchten. (Sie können || aufrufen, indem Sie die Umschalttaste und die \-Taste gedrückt halten)

    Zum Beispiel: Wenn Milch im Kühlschrank ist oder Wasser im Kühlschrank, dann haben wir etwas zu trinken.

    Die Syntax lautet wie folgt:

    If (Bedingung1 || Bedingung2) ( Aktion ) if (Stunde==11 || Stunde==10) ( Alert("Es ist noch nicht Mittag!") );

    Not wird geschrieben als ! und wird zur Negation verwendet.

    Zum Beispiel: Wenn im Kühlschrank entweder keine Eier oder kein Speck sind, können wir weder Eier noch Speck essen.

    Die Syntax lautet:

    If (!(condition)) ( action ) if (!(hour==11)) ( warning("It's not 11 o'clock") );

    Funktionen in JavaScript

    Anstatt einfach Javascript zur Seite hinzuzufügen und den Browser den Code ausführen zu lassen, wenn er benötigt wird, können Sie das Skript nur dann ausführen lassen, wenn ein Ereignis eintritt.

    Sie haben beispielsweise JavaScript erstellt, dessen Aufgabe darin besteht, Änderungen vorzunehmen Hintergrundfarbe Seiten, wenn Sie auf eine bestimmte Schaltfläche klicken. In diesem Fall müssen Sie dem Browser „mitteilen“, dass dieses Skript nicht ausgeführt werden soll, nur weil er an der Reihe ist.

    Um zu verhindern, dass der Browser das Skript beim Laden ausführt, müssen Sie das Skript als Funktion schreiben.

    In diesem Fall wird der JavaScript-Code erst ausgeführt, wenn wir ihn auf besondere Weise „auffordern“, dies zu tun.

    Schauen Sie sich dieses Beispiel eines als Funktion geschriebenen Skripts an:

    function myfunction() ( alarm("Willkommen!"); )

    Klicken Sie auf die Schaltfläche, um zu sehen, was dieses Skript bewirkt:

    Wenn die Zeile alarm("Willkommen!"); Wenn es nicht in eine Funktion geschrieben wäre, würde es jedes Mal ausgeführt, wenn der Browser diese Zeile erreicht. Da wir es aber innerhalb einer Funktion geschrieben haben, wird diese Zeile erst ausgeführt, wenn wir auf die Schaltfläche klicken.

    Der Funktionsaufruf (also der Zugriff darauf) erfolgt in dieser Zeile:

    Wie Sie sehen, haben wir im Formular eine Schaltfläche platziert und ein Ereignis hinzugefügt onClick="myfunction()" für den Knopf.

    In zukünftigen Lektionen werden wir uns mit anderen Arten von Ereignissen befassen, die Funktionen auslösen.

    Die allgemeine Syntax für Funktionen lautet wie folgt:

    Funktion Funktionsname(Variable1, Variable2,..., VariableN) ( ​​​​// Hier ist der Hauptteil der Funktion, die Aktionen, die sie ausführt)

    Geschweifte Klammern: ( und ) geben den Anfang und das Ende einer Funktion an.

    Ein typischer Fehler beim Erstellen von Funktionen ist Unaufmerksamkeit und das Ignorieren der Bedeutung der Groß-/Kleinschreibung. Das Wort function muss genau function sein. Die Option „Funktion“ oder „FUNCTION“ führt zu einem Fehler.

    Darüber hinaus spielt die Verwendung von Großbuchstaben bei der Angabe von Variablennamen eine Rolle. Wenn Sie eine Funktion mit dem Namen haben meineFunktion(), dann ein Versuch, sie als anzusprechen MeineFunktion(), MEINEFUNKTION() oder MyFunction() wird einen Fehler verursachen.

    Hat Ihnen das Material gefallen und Sie möchten sich bei mir bedanken?
    Teilen Sie es einfach mit Ihren Freunden und Kollegen!


    Siehe auch:



Freunden erzählen