Hvornår skal man bruge kontakten erklæring for at Program HTML med JavaScript

Selvom hvis erklæring er almindeligt brugt til simple valg i JavaScript, er kontakten erklæring bruges til at håndtere en række valg. En switch giver en elegant måde at håndtere variable data. Der er to former for switch-statement.

Den første giver mulighed for at arbejde med en foruddefineret række valg, og den anden giver mulighed for at arbejde med data, der kan indeholde uventede oplysninger. Denne anden formular gør switch-statement særlig nyttig, fordi brugerne er uforudsigelige, og denne anden formular kan tage sådanne brugere i betragtning.

Hvordan at skabe en grundlæggende skifte i JavaScript

Mange udviklere foretrækker switch udsagn end indlejrede IF-sætninger, fordi switch udsagn er lettere at forstå. En switch erklæring kræver også mindre at skrive for at opnå det samme resultat.

funktion CheckChoice (ekstraudstyr)
{
// Kontroller, at indgangen er et tal.
hvis (typeof (ekstraudstyr)! = "nummer")
{
// Viser en dialogboks fejl.
alert ("Giv numerisk input!");

// Retur uden at gøre noget mere.
tilbage;
}

// Sørg for, at mulighed er faktisk et helt tal.
Var Select = Math.round (ekstraudstyr);

// Kontroller, at input er inden for rækkevidde.
hvis ((Vælg <1) || (Vælg> 3))
{
// Viser en dialogboks fejl.
alert ("Den medfølgende værdi er uden for rækkevidde!");

// Retur uden at gøre noget mere.
tilbage;
}

// Lav en markering.
kontakt (Vælg)
{
Case 1:
document.getElementById ("Result"). innerHTML =
"Du har valgt Item A.";
break;
tilfælde 2:
document.getElementById ("Result"). innerHTML =
"Du har valgt Item B."
break;
tilfælde 3:
document.getElementById ("Result"). innerHTML =
"Du har valgt Item C."
break;
}
}

Uanset om du bruger en switch-sætning eller indlejret if-sætning, skal du give logik at sikre, at input er korrekt, ellers din ansøgning sandsynligvis vil mislykkes. I dette tilfælde svigt svarer til ansøgningen gøre noget overhovedet, men begrebet fiasko er den samme. Kontroller altid dine input til korrekte værdier.

Nogle mennesker har svært ved at forstå, hvor sandheden værdi ligger i switch-statementet. Kontakten erklæring kræver en variabel, der er Select i denne sag. Hver sag klausul udfører en sammenligning mod variabel. Derfor kan du se det første tilfælde klausul for at sige, sag Vælg == 1.

Når du arbejder med switch udsagn, skal du også inkludere en pause erklæring ved afslutningen af ​​hver behandling segment. Bruddet erklæring blot siger, at sagen er blevet evalueret og håndteres.

Hvis du lader pausen erklæring ud, fortsætter koden med det næste eksekverbare erklæring i den næste sag. Denne betingelse er kendt som fall-igennem, og nogle udviklere bruger det som en programmering teknik til at kombinere opgaver og reducere mængden af kode kræves. Ved hjælp af denne teknik er farlig, fordi andre udviklere ikke kan indse, at faldet-through er nødvendig, og derfor kan tilføje en pause erklæring til dig.

Sådan bruger JavaScriptâ € s standardindstillingen

Kontakten erklæring indeholder en anden bestemmelse, klausulen standard. Klausulen Standard er ligesom andet klausul for hvis erklæring. Når ingen af ​​case klausuler er sandt, koden henretter koden i klausulen standard. Det følgende eksempel bruger klausulen standard til at ændre den måde, som eksemplet fungerer.

funktion MakeAChoice ()
{
// Bed brugeren om at give input.
var Selection = prompt ("Indtast et menupunkt.");
// Konverter strengen til et nummer.
var IntSelect = parseInt (Selection);
// Kontroller at brugeren har givet et nummer.
Hvis (isNaN (IntSelect))
{
// Viser en dialogboks fejl.
alert ("Giv numerisk input!");

// Retur uden at gøre noget mere.
tilbage;
}
// Ring markeringen funktionen.
CheckChoice (IntSelect);
}

I stedet for at give utallige knapper, dette eksempel er afhængig af prompt () i dialogboksen for at få input fra brugeren. Resultatet er renere interface. Når brugeren klikker Vælg et menupunkt, viser programmet en prompt () i dialogboksen hvor brugeren kan indtaste en værdi.

Hvornår skal man bruge kontakten erklæring for at Program HTML med JavaScript

Du tror måske, at det er en opskrift på katastrofe, men udfører programmet den samme kontrol for input gyldighed som før, men det bruger en anden teknik.

I dette tilfælde programmet bruger partInt () for at kontrollere, at indgangen er et nummer, og til at konvertere tal til et heltal værdi. Når indgangen er forkert, er IntSelect indstillet til Not a Number (NaN). Eksemplet påviser dette problem ved hjælp af isNaN () funktion. Når en bruger giver en numerisk input anvendelsen kalder CheckChoice (), som er vist i den følgende kode:

funktion CheckChoice (ekstraudstyr)
{
// Lav en markering.
kontakt (ekstraudstyr)
{
Case 1:
document.getElementById ("Result"). innerHTML =
"Du har valgt Item A.";
break;
tilfælde 2:
document.getElementById ("Result"). innerHTML =
"Du har valgt Item B."
break;
tilfælde 3:
document.getElementById ("Result"). innerHTML =
"Du har valgt Item C."
break;
default:
// Viser en dialogboks fejl.
alert ("Den medfølgende værdi er uden for rækkevidde!");
break;
}
}

Du kan være undrende, hvor resten af ​​koden er, men det er alt, du behøver. Checks switch-statementet for værdier på 1, 2 eller 3. Når værdierne er uden for dette interval, koden bruger standard klausul, som indeholder den out-of-range fejlmeddelelse. Som du kan se, er disse to funktioner gør opgaver at arbejde med menuen meget enklere for både bygherren og brugeren.


© 2019 Zajacperrone.com | Contact us: webmaster# zajacperrone.com