Globalne in lokalne spremenljivke v JavaScriptu

Spremenljivke v JavaScript so ključne za shranjevanje in obdelavo podatkov. Pomembno je razumeti, kje so te spremenljivke veljavne in do katerih delov vašega kode lahko dostopajo. Glede na različne vrste spremenljivk – globalne in lokalne – je razumevanje „obsega“ (vidnosti) osnovnega pomena. Zato se potopimo in ugotovimo, kaj so globalne in lokalne spremenljivke.

Najpomembnejši vpogledi

• Globalne spremenljivke so dostopne povsod v kodi, medtem ko so lokalne spremenljivke vidne le znotraj svoje funkcije.
• Definiranje spremenljivke zunaj funkcije jo naredi globalno, medtem ko njeno definiranje znotraj funkcije pomeni, da je lokalna.
• Za jasno in vzdrževanju prijazno strukturo kode je koristno, da se globalne spremenljivke deklarirajo na začetku skripta.

Navodila po korakih

Definicija spremenljivk in njihova vidnost

V prvem koraku si ogledamo, kako lahko ustvariš spremenljivko in kaj pomeni njena vidnost. Ko deklariraš spremenljivko zunaj katere koli funkcije, kot je prikazano v naslednjem primeru, je ta globalna.

Tukaj ustvarimo globalno spremenljivko z imenom mojaSpremenljivka.

Ustvarjanje funkcij z lokalnimi spremenljivkami

Naslednja stvar, ki jo bomo naredili, je ustvarjanje dveh funkcij. Enemu funkcijo imenujemo lokalnaFunkcija, v kateri bomo ustvarili lokalno spremenljivko. Ta spremenljivka je vidna samo znotraj funkcije. Definirajmo torej našo funkcijo.

V lokalnaFunkcija ustvariš lokalno spremenljivko lokalnaV z vrednostjo 5 in jo izpišeš.

Klic funkcij

Zdaj želimo poklicati lokalnaFunkcija, da izpišemo številko 5. Potem ko smo funkcijo poklicali v kodi, bo izhod videti takole:

Preizkus vidnosti lokalne spremenljivke

Zdaj poskušamo uporabiti lokalno spremenljivko lokalnaV v drugi funkciji. Ugotoviš, da to ne deluje. Opravimo klic drugeFunkcije in vidimo, kaj se zgodi.

Prejeli bomo napako, ker je spremenljivka lokalnaV vidna le znotraj lokalnaFunkcija.

Preverjanje napak v konzoli

Da bolje razumemo, zakaj napaka nastane, bomo pregledali kodo v konzoli. S klikom desne miške in izbiro „Preveri“ lahko odpreš DOM-raziskovalec in konzolo, da analiziraš napako.

Tam bo prikazano, da je lokalnaV undefined. To potrjuje domnevo, da spremenljivka zunaj svoje funkcije ne obstaja.

Definiranje globalne spremenljivke

Zdaj ustvarimo globalno spremenljivko, ki jo lahko uporabimo v obeh funkcijah. To spremenljivko imenujemo globalnaSpremenljivka in ji damo enostavno besedilno vrednost.

Zdaj je mogoče to globalno spremenljivko poklicati v obeh funkcijah, izhod pa bo enak. Preizkusimo to.

Definicija spremenljivk in zaporedje klicev

Pomembno je opozoriti, da je zaporedje definicij spremenljivk in funkcij ključno. Če ustvarite globalno spremenljivko pod njeno uporabo, bo to privedlo do težave z undefined.

To je zato, ker funkcija, ki potrebuje globalno spremenljivko, pokliče pred njeno definicijo. Da se temu izogneš, je priporočljivo, da se globalne spremenljivke definirajo na vrhu kode.

Več o lokalnih spremenljivkah in njihovi uporabi

Zdaj ponovno v drugi funkciji ustvarimo lokalno spremenljivko. Imenujemo jo lokalnaSpremenljivka in njen vrednost nastavimo na 12.

To lokalno spremenljivko lahko prav tako uporabimo, vendar le znotraj njene lastne funkcije, ne pa v drugih. Ko uporabiš obe lokalni spremenljivki, lahko to privede do potrpljenja in reda v tvojih programih, odvisno od kompleksnosti.

Povzetek konceptov

Zdaj si razumel osnovne koncepte o vidnosti in obsegu spremenljivk v JavaScriptu. Globalne spremenljivke so vidne vsem funkcijam, medtem ko lokalne spremenljivke obstajajo le znotraj svoje funkcije. Priporočljivo je, da se globalne spremenljivke definirajo na osrednjem mestu v kodi, da se izboljša berljivost in možnost vzdrževanja.

Povzetek – Vidnost spremenljivk v JavaScriptu

Na kratko si se naučil, da način, kako definiraš spremenljivke, neposredno vpliva na njihovo vidnost in obseg. Vedno pazi, kam postaviš svoje spremenljivke, da se izogneš napakam.