Indholdsfortegnelse:
- Sådan oprettes en simpel if-sætning i JavaScript
- Hvad mere kan du gøre med if-sætningen?
- Sådan redder du hvis udsagn i JavaScript
Video: Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie 2024
Du kan virkelig ikke undslippe ved hjælp af if-erklæringen med JavaScript. If-erklæringen bruges almindeligvis til at teste om der er sket noget eller ej, om dataene er inden for rækkevidde eller ej, eller om brugeren ønsker at udføre en bestemt opgave.
Sådan oprettes en simpel if-sætning i JavaScript
En af de mest almindelige anvendelser af if-erklæringen er at foretage et simpelt valg. Når brugeren tager en bestemt handling, sker der noget. I det følgende eksempel viser brugeren den hemmelige besked, når brugeren klikker OK i dialogboksen Bekræft.
// Opret et udtryk, der resulterer i sandt eller falsk. var Svar = bekræft ("Vil du vise den hemmelige besked?"); // Test udtrykket ved hjælp af if-sætningen. hvis (Svar) {// Vis den hemmelige besked, når brugeren // klikker på OK. dokument. getElementById ("Resultat"). innerHTML = "Dette er den hemmelige besked!";}
I dette tilfælde kan svaret kun indeholde sande eller falske, fordi bekræfte () ikke udsender andre værdier. Som følge heraf behøver du ikke at udføre nogen form for værdiskontrol på Svar - alt du skal gøre er at bestemme sandhedsværdien af Svar for at træffe beslutningen.
Alle beslutningsudtryk, som du nogensinde opretter, vil have en sandhedsværdi af en slags - enten sand eller falsk. Sommetider er sandhedsværdien skjult, som når man arbejder med switchstrukturen, men sandhedsværdien er der.
Computere forstår ikke andet end sandt eller falsk. Der er teknikker, som gør det til at computeren kan gøre noget andet, men i virkeligheden kommer det hele til at træffe en sand eller falsk beslutning som vist her.
Hvad mere kan du gøre med if-sætningen?
Du bruger if-sætningen i situationer, hvor en applikation skal gøre noget, når brugeren reagerer korrekt, men ignorerer indgangen, når svaret er forkert. Men der er tidspunkter, hvor du skal gøre noget, når input er korrekt og noget andet, når det er forkert. I dette tilfælde tilføjer du ellers klausulen til if-sætningen som vist i nedenstående eksempel.
// Opret et udtryk, der resulterer i sandt eller falsk. var Svar = bekræft ("Vil du vise den hemmelige besked?"); // Test udtrykket ved hjælp af if-sætningen. hvis (Svar) {// Vis den hemmelige besked, når brugeren // klikker på OK. dokument. getElementById ("Resultat"). innerHTML = "Dette er den hemmelige besked!";} else {// Udfør en alternativ opgave. advarsel ("Klik på OK næste gang for at se meddelelsen!");}
A klausul er en udvidelse af en struktur. I dette tilfælde udvider ellers klausulen omstrukturen til at inkludere en anden kodeblok, der håndterer den falske tilstand. Eksemplet udsender stadig hemmelig besked, når brugeren klikker OK i dialogboksen Bekræft ().
Men nu viser koden også en advarsel () dialog, når brugeren klikker Annuller. Denne sekundære handling hjælper brugeren med at forstå, hvordan man reagerer på bekræftelsen) for at få en anden output.
Sådan redder du hvis udsagn i JavaScript
Der er mange grunde til, at du måske rede hvis udsagn - det vil sige placere en hvis erklæring i en anden. I dette tilfælde vælger brugeren en indstilling på skærmen, CheckChoice () udfører en check af denne mulighed, og CheckChoice () viser det korrekte resultat på skærmen.
funktion CheckChoice (option) {// Kontroller, at indtastningen er et tal. hvis (typeof (option)! = "number") {// Vis en fejl dialog. advarsel ("Giv venligst numerisk input!"); // Retur uden ing noget mere. return;} // Sørg for at indstillingen er et helt tal. Var Vælg = Matematik. runde (ekstraudstyr); // Kontroller, at input er inden for rækkevidde. hvis ((Vælg 3)) {// Vis en fejldialog. advarsel ("Den leverede værdi er uden for rækkevidde!"); // Retur uden at gøre noget mere. returnere;} // Lav et valg. hvis (Vælg == 1) {dokument. getElementById ("Resultat"). innerHTML = "Du valgte punkt A.";} else {if (Vælg == 2) {dokument. getElementById ("Resultat"). innerHTML = "Du valgte punkt B.";} else {dokument. getElementById ("Resultat"). innerHTML = "Du valgte punkt C.";}}}
Dette eksempel er ikke afhængigt af en kendt kilde til input, så det begynder ved at udføre forskellige kontroller af dataene. Den første kontrol kontrollerer, at opkalderen har leveret en numerisk værdi. Tværtimod kunne den, der ringer op, tilvejebringe en streng eller en boolsk værdi i stedet. For den sags skyld kan input være en pointer til en anden funktion eller noget andet, som JavaScript understøtter - du ved det bare ikke.
Det næste trin konverterer den numeriske indgang til et helt tal. Datakonvertering er vigtig i JavaScript, fordi den behandler både heltal og flydende punktværdier som tal. Hvis du vil have et helt tal, skal du bruge Math. runde () for at få det er den bedste vej at gå. Denne funktion afrunder indgangen til nærmeste heltalsværdi, hvilket betyder at du ikke ender med at forsøge at udføre sammenligninger mod værdier som 3. 5.
På dette tidspunkt ved du, at du har et nummer, og at nummeret er en heltal, men du ved ikke, om nummeret er i det rigtige interval. En manglende rækkevidde for indtastningsværdier er årsagen til mange problemer i JavaScript-applikationer. CheckChoice () forventer heltalsværdier i intervallet 1 til 3, så intervallet kontrollerer disse værdier.
Den nestede if erklæring er næsten anticlimaktisk på dette tidspunkt. Du ved, at Select indeholder 1, 2 eller 3. Den første hvis erklæring kontrollerer en værdi på 1 og viser en besked, når den finder den værdi. Når værdien er noget andet end 1, overtager ellers klausulen. Inden for ellers er klausulen en indlejret, hvis erklæring.
Dette hvis sætningen kontrollerer Vælg for en værdi på 2 og viser den passende meddelelse, når den er. Når Select er 3, viser andet clausul i dette sekund, nestet, hvis sætning er den korrekte besked.