Wenn an den Switch-Anweisung verwenden, HTML mit javascript zu programmieren

Obwohl die ob

Anweisung für einfache Entscheidungen in javascript gemeinhin verwendet werde, Schalter Anweisung wird verwendet, um eine Reihe von Entscheidungen zu behandeln. EIN Schalter bietet eine elegante Möglichkeit, variable Daten zu verarbeiten. Es gibt zwei Formen von Schalter Erklärung.

Die erste stellt die Mittel für mit einer vordefinierten Palette von Möglichkeiten zu arbeiten, und der zweite stellt die Mittel für die mit den Daten arbeiten, die unerwartete Informationen enthalten könnten. Diese zweite Form macht die Schalter Aussage besonders nützlich, weil Benutzer sind unberechenbar, und diese zweite Form solche Nutzer berücksichtigen können.

Wie man einen Basisschalter in javascript zu erstellen

Viele Entwickler bevorzugen Schalter Aussagen über verschachtelte ob Aussagen, da die Schalter Aussagen sind leichter zu verstehen. EIN Schalter Anweisung erfordert auch weniger Tipp das gleiche Ergebnis zu erhalten.

Funktion CheckChoice (Option) {// Stellen Sie sicher, dass die Eingabe eine Anzahl.Wenn (typeof (Option) = "number"!) {// Eine Fehler- dialog.alert ( "Bitte geben Sie die numerische Eingabe!") - // Return ohne etwas zu tun more.return -} // Stellen Sie sicher, dass Option ist eigentlich ein integer.var Select = Math.round (Option) - // Stellen Sie sicher, dass der Eingang in range.if ist ((Select lt; 1) || (Wählen> 3)) {// Anzeige eines Fehler dialog.alert ( "Der angegebene Wert liegt außerhalb des Bereichs!") - // Return ohne more.return etwas zu tun -} // Machen Sie eine selection.switch (Wählen) { Fall 1: document.getElementById ( "Ergebnis") innerHTML- = - Break-Fall 2 ". Sie wählte einen Punkt.": document.getElementById ( "Ergebnis") innerHTML- = "Sie wählten Artikel B." - bruch Fall 3. .: document.getElementById ( "Ergebnis") innerHTML- = "Sie wählten Punkt C." - Break-}}

Egal, ob Sie eine Schalter Anweisung oder verschachtelte ob Anweisung, müssen Sie Logik zu schaffen, um sicherzustellen, dass die Eingabe korrekt ist, oder aber Ihre Anwendung höchstwahrscheinlich fehlschlagen. In diesem Fall entspricht Ausfall der Anwendung nichts zu tun, aber das Konzept der Fehler ist die gleiche. Prüfen Sie stets Ihre Eingaben für die korrekte Werte.

Manche Menschen haben eine harte Zeit zu verstehen, wo die Wahrheit Wert liegt in der Schalter Erklärung. Das Schalter Anweisung erfordert eine Variable, die ist Wählen in diesem Fall. Jeder Fall Klausel führt einen Vergleich gegen die Variable. Folglich könnte man die erste sehen Fall Klausel mit den Worten: Fall wählen == 1.

Bei der Arbeit mit Schalter Aussagen, müssen Sie auch ein umfassen Unterbrechung Erklärung am Ende jeder Verarbeitungssegment. Das Unterbrechung Aussage sagt einfach, dass die Fall bewertet und behandelt wurde.

Wenn Sie verlassen die Unterbrechung Anweisung aus, fährt der Code mit dem nächsten ausführbaren Anweisung in den nächsten Fall. Dieser Zustand ist bekannt als durchfallen, und einige Entwickler verwenden es als Programmiertechnik Aufgaben zu kombinieren und die Menge an Code erforderlich reduzieren. Mit dieser Technik ist gefährlich, weil andere Entwickler können nicht erkennen, dass die Durchfall erforderlich ist, und daher kostenlos in ein Unterbrechung Anweisung für Sie.

Wie zu verwenden Standardoption ist javascript

Das Schalter Anweisung enthält eine weitere Klausel, die Standard Klausel. Das Standard Klausel ist wie die else-Klausel für die ob Erklärung. Wenn keine der Fall Klauseln erfüllt sind, wird der Code den Code in das führt Standard Klausel. Das folgende Beispiel verwendet die Standard Klausel zu ändern, um die Art und Weise, in der das Beispiel funktioniert.

Funktion MakeAChoice () {// den Benutzer fragen input.var Selection = prompt zur Verfügung zu stellen ( "eine Menüoption Typ.") - // den String in eine number.var konvertieren IntSelect = parseInt (Auswahl) - // den Benutzer Überprüfen eine Anzahl.Wenn (isNaN (IntSelect)) {// Anzeige eines Fehler dialog.alert ( "Bitte geben Sie die numerische Eingabe!") - ohne // Return etwas more.return tun -} wurde zur Verfügung gestellt // die Auswahl function.CheckChoice aufrufen (IntSelect) -}

Stattdessen unzähligen Tasten bereitzustellen, stützt sich dieses Beispiel auf die prompt() Dialogfeld eine Eingabe vom Benutzer zu erhalten. Das Ergebnis ist der Reiniger-Schnittstelle. Wenn der Benutzer klickt einen Menüpunkt auswählen, zeigt die Anwendung ein prompt() Dialogfeld, in dem der Benutzer einen Wert eingeben.

Man könnte denken, dass dies ein Rezept für eine Katastrophe ist, aber die Anwendung die gleichen Prüfungen für die Eingabe Gültigkeit wie vorher, aber es verwendet eine andere Technik.

In diesem Fall verwendet die Anwendung partInt () zu überprüfen, ob die Eingabe eine Zahl ist, und die Zahl auf einen ganzzahligen Wert zu konvertieren. Wenn die Eingabe falsch ist, IntSelect wird eine Anzahl an Nicht (NaN). Das Beispiel erkennt dieses Problem durch die Verwendung von isNaN () Funktion. Wenn ein Benutzer eine numerische Eingabe liefert, ruft die Anwendung CheckChoice (), die in den folgenden Code dargestellt wird:

. Funktion CheckChoice (Option) {// Erstellen Sie eine selection.switch (Option) {case 1: document.getElementById ( "Ergebnis") innerHTML- = "Sie wählten einen Punkt." - Bruch Fall 2: document.getElementById ( "Ergebnis ") .innerHTML =" Sie wählten Punkt B "- Break-Fall 3: document.getElementById (". "). innerhtml =" Ergebnis Sie wählten Punkt C. "-BREAK-default: // einen Fehler dialog.alert anzeigen ( "der Wert zugeführt wird, außerhalb der Reichweite!") - Break-}}

Sie wundern sich vielleicht, wo der Rest des Codes ist, aber das ist alles, was Sie brauchen. Das Schalter Anweisung prüft, für Werte von 1, 2, oder 3. Wenn die Werte außerhalb dieses Bereichs sind, verwendet der Code die Standard-Klausel, die die Out-of-Range-Nachricht Fehler enthält. Wie Sie mit dem Menü viel einfacher sowohl für Entwickler und Benutzer sehen kann, machen diese beiden Funktionen, um die Aufgaben zu arbeiten.