Fundamentele JavaScript
Variabile și constante
Pentru a stoca date într-un program, sunt folosite variabile și constante. Variabilele sunt destinate stocării datelor temporare sau a datelor care pot să-și schimbe valoarea în timpul execuției. În schimb, constantele sunt destinate stocării datelor constante, ale căror valori trebuie să rămână constante pe durata întregului program.
Declarații de variabile
Pentru a crea variabile, se utilizează operatorii var și let. De exemplu, să declarăm variabila username:
var username;Declarația variabilei reprezintă o instrucțiune separată și, prin urmare, se încheie cu punct și virgulă.
O definiție similară a variabilei folosind operatorul let:
let username;Fiecare variabilă are un nume. Numele constă într-un set arbitrar de caractere alfanumerice, a semnului underscore (_) sau a semnului dolar ($), dar numele nu trebuie să înceapă cu caractere numerice. Cu alte cuvinte, putem utiliza în nume litere, cifre, underscore și semnul dolar. Cu toate acestea, toate celelalte caractere sunt interzise.
De exemplu, nume corecte pentru variabile:
$commision
someVariable
product_Store
income2
myIncome_from_depositUrmătoarele denumiri sunt incorecte și nu pot fi utilizate:
222lol
@someVariable
my%percentDe asemenea, nu este permis să atribuiți variabilelor nume care coincid cu cuvintele cheie rezervate. În JavaScript nu sunt atât de multe cuvinte cheie, așa că acest regulă nu este greu de respectat. De exemplu, următoarea denumire ar fi incorectă, deoarece "for" este un cuvânt cheie în JavaScript:
var for;Lista cuvintelor cheie rezervate în JavaScript:
await, break, case, catch, class, const, continue, debugger, default, delete, do, else, enum, export, extends, false, finally, for, function, if, import, in, instanceof, new, null, return, super, switch, this, throw, true, try, typeof, var, void, while, with, yield
Cu evoluția JavaScript și adoptarea noilor standarde ale limbajului, lista cuvintelor cheie rezervate poate fi suplimentată, însă în general nu sunt atât de multe.
De asemenea, nu este recomandat să declarați variabile cu nume care sunt similare cu cele ale variabilelor globale existente. De exemplu, pentru afișarea în consolă se folosește metoda console.log(). Aici, console este numele unui obiect global, iar noi nu ar trebui să declarăm o variabilă cu același nume.
let console; // definim variabila console
console.log("Hello"); // ! EroareDefinirea variabilei console va duce la redefinirea obiectului global cu același nume, cum ar fi console, și la apelul metodei console.log() vom întâmpina o eroare.
Există nu foarte multe astfel de obiecte globale, în afară de console, cum ar fi și alert, blur, close, closed, document, focus, frames, location, navigator, open, screen, window.
Când denumiți variabile, trebuie să țineți cont că JavaScript este un limbaj sensibil la majuscule, iar în următorul cod sunt declarate două variabile diferite:
let username;
let userName;Prin virgulă, puteți defini mai multe variabile:
var username, age, height;
let a, b, c;Atribuirea valorii unei variabile
După ce a fost definită o variabilă, îi poate fi atribuită o valoare. În acest scop, se utilizează operatorul de atribuire (=):
var username;
username = "Tom";Deci, în acest caz, variabila username va stoca șirul "Tom". După atribuirea unei valori variabilei, putem face ceva cu acea valoare, de exemplu, o vom afișa în consolă:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>FDC.COM</title>
</head>
<body>
<script>
let username; // Definirea variabilei username
username = "Tom"; // Atribuirea unei valori variabilei
console.log(username); // Afișarea valorii variabilei username în consolă
</script>
</body>
</html>
Se poate atribui imediat o valoare unei variabile în momentul definirii sale:
var username = "Tom";
let userage = 37;Procesul de atribuire a unei valori inițiale variabilei este numit inițializare. Se poate observa că o variabilă este definită folosind let, în timp ce cealaltă este definită folosind var. În acest caz specific, nu are importanță, și putem să definim ambele variabile fie folosind let, fie folosind var. În general, între let și var există diferențe, care vor fi discutate în unul dintre articolele următoare.
Se pot inițializa imediat mai multe variabile:
let name1 = "Tom", name2 = "Bob", name3 = "Sam";
console.log(name1); // Tom
console.log(name2); // Bob
console.log(name3); // SamJavaScript permite unele libertăți în definirea variabilelor. Astfel, putem SĂ NU folosim cuvintele cheie let sau var.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>FDC.COM</title>
</head>
<body>
<script>
username = "Tom"; // greșeli nu sunt, super
console.log(username); // Tom
</script>
</body>
</html>Deși putem face acest lucru, aceasta nu este cea mai recomandată abordare. Într-unul dintre următoarele articole vom vedea cu ce probleme ne putem confrunta în astfel de situații.
Modificarea variabilelor
Un aspect distinctiv al variabilelor este că le putem schimba valoarea:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>FDC.COM</title>
</head>
<body>
<script>
let username = "Tom";
console.log("username înainte de modificare:", username);
username = "Bob";
console.log("username după modificare:", username);
</script>
</body>
</html>Constante
Cu ajutorul cuvântului cheie const se poate defini o constantă, care, precum o variabilă, stochează o valoare, dar această valoare nu poate fi modificată.
const username = "Tom";Dacă încercăm să modificăm valoarea ei, vom întâmpina o eroare:
const username = "Tom";
username = "Bob"; // eroare, username este o constantă și nu poate fi modificată
De asemenea, merită de menționat că, deoarece nu putem schimba valoarea unei constante, aceasta trebuie să fie inițializată, adică trebuie să îi furnizăm o valoare la momentul definirii. Dacă nu facem acest lucru, vom întâmpina o eroare:
const username; // eroare, username nu este inițializatăCând să folosim variabile și când să folosim constante? Dacă sunteți siguri că valoarea nu se va schimba în timpul programului, atunci acea valoare este definită ca o constantă. Dacă nu știți dacă valoarea se va schimba sau nu, este recomandabil să o definiți ca o constantă. În cazul în care mai târziu este necesar să o schimbați, puteți pur și simplu să modificați definiția valorii de la const la var/let.
