Variabile în JavaScript sunt esențiale pentru a stoca și procesa date. Este important să înțelegi unde sunt valabile aceste variabile și la ce părți ale codului tău pot accesa. Având în vedere diferitele tipuri de variabile – globale și locale – înțelegerea „Scopes” (domeniul de vizibilitate) este de bază. Așadar, să ne îndreptăm spre o examinare mai profundă și să aflăm despre variabilele globale și locale.
Principalele concluzii
- Variabilele globale sunt accesibile în întregul cod, în timp ce variabilele locale sunt vizibile doar în interiorul funcției lor.
- Definirea unei variabile în afara unei funcții o face globală, în vreme ce definirea în interiorul unei funcții o face locală.
- Pentru o structură clară și ușor de întreținut a codului, este avantajos să declari variabilele globale la începutul scriptului.
Guidă pas cu pas
Definirea variabilelor și vizibilitatea lor
În primul pas, ne vom uita la cum poți crea o variabilă și ce înseamnă vizibilitatea ei. Când declari o variabilă în afara oricărei funcții, cum este arătat în exemplul următor, aceasta este globală.
Aici creăm o variabilă globală numită meineVariable.
Crearea funcțiilor cu variabile locale
Următorul pas este să creăm două funcții. O funcție o numim lokaleFunktion, în care creăm o variabilă locală. Această variabilă este vizibilă doar în interiorul funcției. Să definim funcția noastră.
În localeFunktion, creezi o variabilă locală localeV cu valoarea 5 și o afișezi.
Apelarea funcțiilor
Acum dorim să apelăm localeFunktion pentru a afișa numărul 5. După ce am apelat funcția în cod, ieșirea arată așa:
Testarea vizibilității variabilelor locale
Acum încercăm să folosim variabila locală localeV într-o altă funcție. Vei observa că acest lucru nu funcționează. Să facem un apel la alteFunktion și să vedem ce se întâmplă.
Vom primi o eroare deoarece variabila localeV este vizibilă doar în interiorul localeFunktion.
Verificarea erorilor în consolă
Pentru a înțelege mai bine de ce apare eroarea, vom analiza codul în consolă. Cu un clic dreapta și alegerea „Inspectare”, poți deschide DOM Explorer și consola pentru a analiza eroarea.
Acolo se arată că localeV este undefined. Aceasta confirmă că variabila nu există în afara funcției sale.
Definirea unei variabile globale
Să creăm acum o variabilă globală pe care o putem folosi în ambele funcții. O numim globaleVariable și îi dăm o valoare text simplă.
Acum această variabilă globală poate fi apelată în ambele funcții, iar ieșirea va fi aceeași. Să testăm asta o dată.
Definirea variabilelor și ordinea apelurilor
Este important de observat că ordinea definițiilor variabilelor și funcțiilor este crucială. Dacă creezi o variabilă globală sub utilizarea sa, acest lucru va duce la o problemă undefined.
Acest lucru se datorează faptului că funcția care necesită variabila globală o apelează înainte de definirea sa. Pentru a evita acest lucru, este recomandat să definești variabilele globale chiar la începutul codului.
Mai multe despre variabilele locale și utilizarea lor
Acum vom crea o altă variabilă locală într-o funcție diferită. O numim localeVariable și îi dăm valoarea 12.
De asemenea, putem folosi această variabilă locală, dar doar în interiorul funcției sale, nu în altele. Dacă folosești ambele variabile locale, aceasta poate aduce răbdare și ordine în programele tale, în funcție de complexitate.
Rezumatul conceptelor
Acum ai înțeles conceptele de bază despre vizibilitatea și domeniul de aplicare al variabilelor în JavaScript. Variabilele globale sunt vizibile pentru toate funcțiile, în timp ce variabilele locale există doar în interiorul funcției lor. Este recomandat să definești variabilele globale într-un loc central în cod pentru a îmbunătăți lizibilitatea și ușurința de întreținere.
Rezumat – Vizibilitatea variabilelor în JavaScript
În concluzie, ai învățat că modul în care definești variabilele are un impact direct asupra vizibilității și domeniului lor de aplicare. Fii întotdeauna atent la locul unde plasezi variabilele tale pentru a evita erorile.
Întrebări frecvente
Ce sunt variabilele globale?Variabilele globale sunt variabile care sunt declarate în exteriorul funcțiilor și sunt astfel accesibile în întregul script.
Ce sunt variabilele locale?Variabilele locale sunt variabile care sunt create în interiorul unei funcții și sunt vizibile doar în interiorul acelei funcții.
Cum pot folosi cel mai bine variabilele globale?Se recomandă să definești variabilele globale la începutul scriptului pentru a avea o structură clară și pentru a asigura o mai bună întreținere.
Pot folosi variabilele locale în afara funcției lor?Nu, variabilele locale sunt vizibile doar în interiorul funcției în care au fost definite.
Cum să gestionez erorile undefined?Fii atent la ordinea în care definești variabilele și funcțiile, pentru a te asigura că variabilele necesare sunt definite înainte de utilizarea lor.
