Feilsøking Tips for JavaScript - dummies

Alle JavaScript-programmerere - både nybegynnere og eksperter - har tidspunkter når de skriver et program som virker som det skal fungere, men det gjør det bare ikke. Datamaskiner vil alltid kjøre programmer som er kodet riktig, så hvordan finner du feilen i koden din? Hvor begynner du å se og hvordan sporer du det ned? Her er noen tips for de første tingene du bør se etter når et JavaScript-program bare ikke vil kjøre.

Kontroller konsollen

JavaScript-konsollen i Googles Chrome-nettleser vil fortelle deg om det er en feil, selv om det ikke alltid forteller deg nøyaktig hva feilen er.

For å åpne JavaScript-konsollen, velg Flere verktøy → JavaScript-konsoll fra Chrome-menyen.

Hvis du ser en feil i konsollen etter at du har kjørt programmet, vil det ofte inkludere et linjenummer og en kobling. Klikk denne koblingen for å åpne stedet i JavaScript der Chrome mener at ting gikk galt i programmet.

Hvis du ikke finner feilen umiddelbart (som ofte er tilfelle), fortsett til neste tips.

Se etter feilstavinger

JavaScript er kresen. Kapitalisering i variable navn, så vel som i JavaScript-søkeord, gjør hele forskjellen. Noen JavaScript-funksjonenavn, for eksempel getElementById, er beryktede årsaker til feil som et resultat av programmerere som utnytter dem feil.

Se nøye på hvert variabelnavn og funksjonsnavn. En kodeditor som inneholder JavaScript-kodehint og kodefarging kan være et svært verdifullt verktøy når du leter etter feilstavede ord. Noen kode redaktører vil bruke en spesiell farge for å fungere som stavet riktig, mens fargemelding feilstavede navn på en annen måte.

Kontroller parentesene dine

Ulike parenteser eller parenteser er en vanlig årsak til feil. Kontroller at alle parenteser, firkantbrakett eller krøllebrakett som du åpner ({) har en tilsvarende lukkebrakett (}).

Match opp sitatene dine

JavaScript vil gjenkjenne både enkle og doble anførselstegn som holdere for strenge. Men hvis du starter en streng med et enkelt tilbud, må den ende med et enkelt tilbud. Det samme gjelder for dobbel anførselstegn.

Bruk konsoll. logg ()

Konsollen. log () -funksjonen er et nyttig verktøy for å finne ut hvor et program går galt. Sett inn konsoll. logg () setninger i hele koden mens feilsøking for å skrive ut verdiene av viktige variabler. Hvis du for eksempel har en sløyfe i programmet, kan du forsikre deg om at sløyfen kjører riktig ved å sette en konsoll. log () setning inne i det slik:

for (var i = 0; i <10; i ++) {konsoll.logg ("verdien av jeg er:" + i);}

Denne setningen endrer ikke hva som skjer i nettleservinduet, men hvis du ser i JavaScript-konsollen, vil du se loggoppføringer, som indikerer at sløyfen fungerer som den skal.

Ta en pause

Noen ganger er den beste måten å feilsøke et program på å gå bort fra det og ta en pause. Ta et glass vann, ta en lur, les en bok, eller gjør alt annet enn stirre på programmet og trekk håret ut. Når du kommer tilbake til programmet, blir du oppdatert! Og svaret på problemet kan virke åpenbart for deg!