Forståelse og bruk av JavaScript-setninger

Uttalelser brukes i JavaScript for å kontrollere programflyten. I motsetning til egenskaper, metoder og hendelser, som i utgangspunktet er knyttet til objektet som eier dem, er utsagn designet for å fungere uavhengig av alle JavaScript-objekter. Det betyr at du kan bruke en uttalelse om du jobber med dokumentobjektet, vindusobjektet, historieobjektet eller et annet objekt. Som språk støtter JavaScript relativt få uttalelser - akkurat nok til å klare seg. Det tilbyr imidlertid det minste minimum av uttalelser som er nødvendige for å konstruere en fullt funksjonell applikasjon.

JavaScript støtter for tiden følgende elleve uttalelser. Vær oppmerksom på at noen av disse - for eksempel kommentarer, var og nye - ikke er ærlige uttalelser, men de blir ofte behandlet som sådan. De er inkludert i denne diskusjonen for fullstendighetens skyld.

• // kommentar
• gå i stykker
• Fortsette
• til
• for i
• funksjon
• hvis ... annet
• ny
• komme tilbake
• var
• samtidig som
• med

Noen av uttalelsene som tilbys i Java, mangler spesielt JavaScript. Dette inkluderer bryteruttalelsen, så vel som alle former for feilfangende utsagn (for eksempel fangst og kast). JavaScript holder disse uttalelsene som reserverte ord, og kanskje i en fremtidig versjon, vil de bli implementert.

Kommentar (//)

// tegnene forteller JavaScript at du vil inkludere forklarende kommentarer i programmet ditt. Kommentaren slutter ved den første harde retur som oppstår. JavaScript setter ingen grenser for lengden på kommentaren, så lenge det ikke er hard retur før kommentaren avsluttes. JavaScript antar tekst etter at hard return er gyldig kode.

// Dette er en enkel kommentar 
// Dette er en annen kommentar som strekker seg over mer enn en linje. Selv om kommentaren brytes til andre linje, slutter den første linjen med en "myk retur" i tekstredigeringsprogrammet. Ingen hard return-karakter er satt inn. 

Du kan plassere // kommentartegnene hvor som helst på en linje. JavaScript vil behandle all teksten på den linjen etter // som en kommentar.

MyVariable = "Dette er en test" // tilordner tekstvariabelen MyVariable 

Kommentarer ignoreres når manuset spilles, så de påvirker ikke utførelseshastigheten i stor grad. Imidlertid øker mange kommentarer filstørrelsen på skript og det tar lengre tid å laste ned til brukerens datamaskin via en oppringt Internett-tilkobling. For best resultat, begrens kommentarene i JavaScript-programmer til korte, enkle linjer.

Når du skriver lange kommentarer, er det bedre å bruke de alternative kommentartegnene / * og * /. Tekst mellom disse tegnene blir behandlet som en kommentar. Alternativt kan du starte hver linje med // kommentartegnene.

// Denne delen kontrollerer om Enter-tasten trykkes, // fortsetter deretter videre 

eller

/ * Denne delen kontrollerer om Enter-tasten trykkes, og fortsetter deretter * / 

Tilbake til indeksen

Gå i stykker

Bruddutsagnet forteller JavaScript om å avslutte en "kontrollert struktur" og gjenoppta kjøringen på et punkt etter strukturen. Brudduttalelsen brukes med strukturer bygget med følgende kommandoer:

• til
• for i
• samtidig som

Brudduttalelsen brukes oftest for å avslutte en for loop for tidlig. For eksempel:

for (Count = 1; Count <= 10; Count ++) {if (Count == 6) break; document.write ("
Sløyfe: "+ Count +"
"); } 

Dette eksemplet viser en for-loop som teller fra 1 til 10 og skriver ut tallet ved hver iterasjon av loop. En if-setning i for-loop brukes til å teste om verdien i Count-variabelen er lik 6. Hvis Count er lik 6, blir break-setningen utført, og skriptet går ut for for loop. Som brukt i dette enkle eksemplet vil skriptet telle fra 1 til 6 og deretter stoppe. Den går ut av for-sløyfen før den kan telle opptil 10.

Tilbake til indeksen

Fortsette

Fortsett-uttalelsen forteller JavaScript om å hoppe over alle instruksjoner som kan følge i en for, for ... i eller mens loop, og fortsette med neste iterasjon. Den vanligste bruken av fortsettelsesuttalelsen er å betinget hoppe over instruksjonene i sløyfen, men ikke gå ut av sløyfen (som pauseuttalelsen gjør). For eksempel:

for (Count = 1; Count <= 10; Count ++) {hvis (Count == 6) fortsetter; document.write ("
Loop: "+ Count +"
"); } 

Eksemplet ovenfor viser en for-loop som teller fra 1 til 10 og skriver ut tallet ved hver iterasjon av loop. En if-setning inne i for-loop brukes til å teste om verdien i Count-variabelen er lik 6. Hvis Count er lik 6, kjøres fortsett-setningen, og skriptet hopper over instruksjonen document.write på neste linje. Men løkken slutter ikke. I stedet fortsetter den og skriver ut linjer for de gjenværende tallene. Som brukt i dette enkle eksemplet vil skriptet telle fra 1 til 5, hoppe over 6 og deretter skrive ut 7 til 10.

Tilbake til indeksen

Til

For uttalelsen gjentar en instruksjonsblokk en eller flere ganger. Antall iterasjoner styres av verdier som er angitt som argumenter. Syntaksen for for uttalelsen er:

for (InitVal; Test; Increment) 

• InitVal er startverdien for for loop. Det er ofte 0 eller 1, men det kan være et hvilket som helst tall. InitVal er et uttrykk som etablerer den opprinnelige verdien og tilordner den verdien til en variabel. For eksempel teller = 0 eller i = 1.

• Test er uttrykket som brukes av for-setningen for å kontrollere antall iterasjoner av sløyfen. Så lenge Test uttrykk er sant, fortsetter løkken. Når Test uttrykk viser seg å være falsk, sløyfen ender. Eksempel: Telle <10 er sant så lenge verdien i tellevariabelen er mindre enn 10.

• Inkrement indikerer hvordan du vil at for-løkken skal telle - av en, to, fem, ti, og så videre. Dette er også et uttrykk og tar vanligvis form av CountVar ++, hvor CountVar er navnet på variabelen som først ble tildelt i InitVal uttrykk. Eksempel: Count ++ øker verdien på Count-variabelen med en for hver iterasjon.

Merk at i motsetning til alle de andre konstruksjonene i JavaScript, bruker for-setningen semikolon, i stedet for komma, for å skille argumentene. Dette er i tråd med syntaksen som brukes i C, C ++ og Java.

Her er et eksempel på en for-løkke som teller fra 1 til 10, og trapper ett siffer om gangen. Ved hver iterasjon setter skriptet inn litt tekst og begynner en ny linje. JavaScript du vil gjenta er omsluttet av {og} tegn etter for-uttalelsen; dette danner for statement-blokken. Du kan oppgi en eller flere linjer innenfor {og} tegnene.

for (Count = 1; Count <= 10; Count ++) {document.write ("Iterasjon:" + Count + "
"); } 

Count er variabelnavnet som brukes til å lagre for loop-telleren. For-loop starter med 1 og fortsetter til 10. Testuttrykket er Count <= 10, som lyder:

Antall er mindre enn eller lik 10 

Så lenge dette uttrykket er sant, fortsetter for loop. Vær oppmerksom på at Increment-argumentet også er et uttrykk, og i eksemplet bruker Count-variabelen til å øke for-loop med 1 for hver iterasjon. Det er ingen lov som sier at du må øke for loop med en. Her er bare ett av de mange alternativene. Dette eksemplet teller ti, fra 10 til 100.

for (Count = 1; Count <101; Count + = 10) {document.write ("Iterasjon:" + Count + "
"); } 

Tilbake til indeksen

For i

For ... in statement er en spesiell versjon av for statement beskrevet i forrige avsnitt. For ... in brukes til å vise eiendomsnavn og / eller eiendomsinnholdet til objekter. Det er stort sett praktisk som feilsøkings- og testverktøy: Hvis en del av JavaScript-koden din ikke fungerer som den skal, og du mistenker at det kan være feilen til et JavaScript-objekt du prøver å bruke, kan du undersøke alle egenskapene for det objektet med for ... i uttalelse.

I motsetning til for-uttalelsen, bruker ikke ... in trinnvise tester eller andre uttrykk. Du oppgir navnet på en holdevariabel (navnet på variabelen er opp til deg) og objektet du vil bruke. Den grunnleggende syntaksen for for ... i uttalelsen er:

for (var i objekt) {uttalelser} 

• var er navnet på en variabel
• objekt er objektet du ønsker å undersøke
• uttalelser er en eller flere JavaScript-instruksjoner du ønsker å utføre for hver eiendom som returneres av for ... in loop

Anta at du vil bestemme egenskapene til navigatorobjektet (dette objektet inneholder detaljer om Netscape Navigator eller en annen nettleser du bruker). Følgende kode viser hvert eiendomsnavn i en varslingsboks. Når du kjører skriptet, klikker du OK for å gå videre til neste eiendomsnavn. Sløyfen avsluttes automatisk når det ikke er flere egenskaper i objektet.

for (temp i navigator) {alert (temp); } 

En variant av dette eksemplet er vist nedenfor. Det viser ikke bare eiendomsnavnene, men viser også innholdet til hver eiendom (noen egenskaper er tomme og derfor vises ikke noe innhold for dem). Innholdet i egenskapene vises ved hjelp av syntaksobjektet [var], eller i dette tilfellet navigator [temp].

for (temp i navigator) {alert (temp + ":" + navigator [temp]); } 

For..in-løkken kan brukes til alle objekttyper. Du kan bruke den til å gjenta gjennom alle egenskapene til et skjema i et dokument, for eksempel, eller gjennom egenskapene til et brukerdefinert objekt. For eksempel, for å bla gjennom alle egenskapene til et skjema, bruker du for ... in loop som i følgende eksempel (anta at skjemanavnet er "myform"):

 funksjonstest () {for (temp i document.myform) {alert (temp); }}

Tilbake til indeksen

Funksjon

Funksjonserklæringen lar deg lage dine egne brukerdefinerte funksjoner (samt brukerdefinerte objekter og metoder for disse objektene). Funksjoner er selvstendige rutiner som kan "kalles" andre steder i JavaScript-koden din. For eksempel hvis du har en funksjon som heter

writeMyName

, som viser navnet ditt i overskriftstekst, kan du aktivere det ved å bare referere til navnet

writeMyName

et sted innenfor JavaScript-koden din. Her er en kort beskrivelse

test

som viser hvordan dette kan fungere:

  Funksjonstestfunksjon writeMyName () {MyName = "John Doe" -varsel (MyName)} 

De writeMyName funksjon er definert i ... koder. Den aktiveres (ellers kjent som "kalt") når skjemaet trykkes på. Denne kallingen blir utført ved hjelp av ved trykk hendelsesbehandler, definert i taggen for skjemaknappen.

Tilbake til indeksen

Hvis ... ellers

Hvis, sammen med den valgfrie annet, uttalelsen brukes til å bygge et "hvis betinget" uttrykk. Det kalles et betinget uttrykk fordi det tester for en bestemt tilstand.

• Hvis uttrykket er sant, utfører skriptet instruksjonene som følger if-setningen.
• Hvis uttrykket er usant, hopper manuset til instruksjonene som følger den andre uttalelsen. Hvis det ikke er noe annet utsagn, hopper manuset forbi if-setningen helt og fortsetter derfra.

Syntaksen for if er:

hvis (uttrykk) 

Resultatet av if-uttrykket er alltid enten sant eller usant. Følgende syntaks er akseptabelt når det bare er én instruksjon som følger if og else-utsagnene:

hvis (EksempelVar == 10) Start (); annet Stopp (); 

Skulle mer enn én instruksjon følge if eller else-setningen, må tegnene {og} brukes for å definere en if-setningsblokk. Med {og} tegnene på plass, vet JavaScript å utføre alle instruksjonene i blokken.

hvis (EksempelVar == 10) {Count = 1; Start(); } annet {Count = 0; Stoppe(); } 

Uttrykk i hvis uttalelser ikke er begrenset til == likhetsoperatøren. Du kan teste om verdiene ikke er like hverandre, større enn, mindre enn og mer. For mer informasjon om operatørene du kan bruke, se referanselisten på slutten av denne kolonnen. Det peker på verdifull JavaScript-dokumentasjon, inkludert dokumentasjon levert av Netscape.

Tilbake til indeksen

Ny

Den nye uttalelsen oppretter en ny kopi av et objekt. Den brukes på en av to måter:

• For å definere et nytt Date-objekt (Date er et innebygd JavaScript-objekt)
• Å definere et nytt brukerdefinert objekt

Syntaksen er den samme ved begge bruk:

varname = new objectName (params); 

• varname er navnet på det nye objektet. Akseptable navn er de samme som for JavaScript-variabler. Faktisk kan du betrakte det opprettede objektet som en JavaScript-variabel.

• objektnavn er navnet på objektet. Når du bruker det innebygde Date-objektet, bruker du ordet Date (legg merke til store bokstaver - dette er obligatorisk). Når du bruker en brukerdefinert objektfunksjon, oppgir du navnet på objektfunksjonen.

• params er en eller flere parametere som du overfører til objektfunksjonen, om nødvendig.

Følgende eksempel viser hvordan du bruker den nye setningen til å lage en kopi - ellers kjent som en "forekomst" - av Date-objektet:

nå = ny dato (); 

Nå-objektet, som kan betraktes som en JavaScript-variabel, har alle egenskapene og metodene til JavaScript Date-objektet. For eksempel bruker du nå-objektet til å bestemme dagens time på dagen:

nå = ny dato (); HourNow = now.getHours ();