Variabler i JavaScript er essentielle for at gemme og bearbejde data. Det er vigtigt at forstå, hvor disse variabler er gyldige, og hvilke dele af din kode de kan få adgang til. I betragtning af de forskellige typer af variabler – globale og lokale – er forståelsen af „scopes“ (synlighedsområde) af grundlæggende betydning. Lad os derfor dykke ned i det og finde ud af, hvad der ligger bag globale og lokale variabler.
Vigtigste indsigter
- Globale variabler er tilgængelige overalt i koden, mens lokale variabler kun er synlige inden for deres funktion.
- At definere en variabel uden for en funktion gør den global, mens definitionen inde i en funktion gør den lokal.
- For at have en klar og vedligeholdelsesvenlig struktur i koden er det fordelagtigt at deklarere globale variabler i starten af scriptet.
Trin-for-trin vejledning
Definition af variabler og deres synlighed
I det første trin ser vi på, hvordan du kan oprette en variabel, og hvad dens synlighed betyder. Når du deklarerer en variabel uden for enhver funktion, som vist i det følgende eksempel, er denne global.
Her opretter vi en global variabel ved navn minVariabel.
Oprettelse af funktioner med lokale variabler
Som næste skridt opretter vi to funktioner. Vi kalder en funktion lokalFunktion, hvor vi opretter en lokal variabel. Denne variabel er kun synlig inden for funktionen. Lad os definere vores funktion.
I lokalFunktion opretter du en lokal variabel lokalV med værdien 5 og udskriver den.
Kalden af funktionerne
Nu vil vi kalde lokalFunktion for at udskrive tallet 5. Efter at have kaldt funktionen i koden, ser udskriften sådan ud:
Test af synlighed af den lokale variabel
Nu forsøger vi at bruge den lokale variabel lokalV i en anden funktion. Du vil opdage, at det ikke fungerer. Lad os foretage et kald til denAndenFunktion og se, hvad der sker.
Vi får en fejl, fordi variablen lokalV kun er synlig inden for lokalFunktion.
Tjek af fejl i konsollen
For bedre at forstå, hvorfor fejlen opstår, undersøger vi koden i konsollen. Med et højreklik og valg af „Undersøg“ kan du åbne DOM-eksploreren og konsollen for at analysere fejlen.
Der vises, at lokalV er undefined. Dette bekræfter antagelsen om, at variablen ikke eksisterer uden for sin funktion.
Definition af en global variabel
Lad os nu oprette en global variabel, som vi kan bruge i begge funktioner. Vi kalder denne variabel globalVariabel og giver den en simpel tekstværdi.
Nu kan denne globale variabel kaldes i begge funktioner, og udskriften vil være den samme. Lad os teste det.
Variablers definition og opkalds rækkefølge
Det er vigtigt at bemærke, at rækkefølgen af variabel- og funktionsdefinitioner er afgørende. Hvis du opretter en global variabel under dens brug, vil dette føre til et undefined-problem.
Dette skyldes, at funktionen, der kræver den globale variabel, kalder den før dens definition. For at undgå dette er det tilrådeligt at definere globale variabler øverst i koden.
Yderligere om lokale variabler og deres brug
Nu opretter vi igen en lokal variabel i en anden funktion. Her kalder vi den lokalVariabel og sætter dens værdi til 12.
Vi kan også bruge denne lokale variabel, men kun inden for sin egen funktion, ikke i andre. Hvis du bruger begge lokale variabler, kan det kræve tålmodighed og orden i dine programmer, afhængigt af kompleksiteten.
Opsummering af koncepter
Du har nu forstået de grundlæggende koncepter om synlighed og omfang af variabler i JavaScript. Globale variabler er synlige for alle funktioner, mens lokale variabler kun eksisterer inden for deres funktion. Det er tilrådeligt at definere globale variabler et centralt sted i koden for at forbedre læsbarhed og vedligeholdelse.
Opsummering – Synligheden af variabler i JavaScript
Samlet set har du lært, at måden, du definerer variabler på, har direkte indflydelse på deres synlighed og omfang. Vær altid opmærksom på, hvor du placerer dine variabler for at undgå fejl.
Ofte stillede spørgsmål
Hvad er globale variabler?Globale variabler er variabler, der deklareres uden for funktioner, og som derfor er tilgængelige i hele scriptet.
Hvad er lokale variabler?Lokale variabler er variabler, der oprettes inden for en funktion og kun er synlige inden for denne funktion.
Hvordan kan jeg bedst bruge globale variabler?Det anbefales at definere globale variabler i begyndelsen af scriptet for at sikre en klar struktur og bedre vedligeholdelse.
Kan jeg bruge lokale variabler uden for deres funktion?Nej, lokale variabler er kun synlige inden for den funktion, hvori de er defineret.
Hvordan håndterer jeg undefined-fejl?Sørg for at være opmærksom på rækkefølgen af dine variabel- og funktionsdefinitioner for at sikre, at de nødvendige variabler er defineret før deres brug.
