Variabile

Ce sunt variabilele?

Variabilele sunt niște date variabile. În JS toate variabilele se declară la fel.

În exemplul de mai jos se poate observă cum fiecare variabilă este declarată, inițializată, apoi afișată.

Ce conține o variabilă?

let = este keyword-ul specific JS-ului care spune faptul că declarăm o variabilă. În JS toate tipurile de variabile se declară la fel.

var = este opțiunea alternativă lui let. Cu toate acestea este mai bine să declarăm valori cu ajutorul lui let, deoarece var are anumite bug-uri.

numele variabilei = numele variabilei poate fi oricare cu mici excepții (if, while, for, var, let). Numele variabilei trebuie să fie cât mai semnificativ cu putință. De exemplu într-un cod în care vrem să afișăm suma de bani, variabilă care conține suma de bani va avea numele “balance”.

valoarea variabilei = pentru un strîng vom pune ghilimele, iar numerele și boolean-urile se vor scrie fără ghilimele

Numele variabilei

Numele unei variabile trebuie să fie foarte semnificativ.

De exemplu, o variabilă care va stoca vârstă utilizatorului va avea numele “age”.

Restricții și recomandări:
  • o variabilă nu poate să înceapă cu o cifra, dar poate conține de-a lungul aceștia cifre
  • o variabilă nu poate avea numele “let, var, if, while, for, etc”. Lista este foarte lungă. Pentru a ne da seama dacă îi convine JS-ului numele atribuit trebuie doar să ne uităm dacă JS va da un warning sau o eroare, dacă se va întâmpla asta, VS code va colora diferit numele
  • pentru a face o variabilă cât mai citeață, putem să îi scriem numele în mai multe moduri

1. camelCase (litere mici, apoi o litera mare în loc de spațiu, se observă cum se formează o “cocoașă” ca de cămilă, de unde îi provine și numele “camel”)

2. cu under_line

Operaţii

Pentru a folosi diverse tipuri de variabile, trebuie în primul rând să le declari, apoi să le dai o valoare. Variabilele pot fi folosite pentru a reţine rezultatul unor operaţîi matematice, de comparăţie, etc. Acestea ne ajută cel mai mult când nu cunoaştem anumite valori încă de la începutul programului sau când vrem să folosim aceeaşi valoare de mai multe ori. Mai mult, cel mai important este că prin variabile putem da anumite semnificaţii valorilor din cod pe care le folosim.

  • declarare: int x;
  • iniţializare: x = 20;
  • atribuire cu operatorul de atribuire: x = 145;
  • afişare (sau alte operaţii): document.getElementById(“id”).innerHTML = x;

Ai grijă la operatorii = şi ==. Primul face atribuire, adică modifică valoarea unei variabile, pe când al doilea compară 2 valori.

Javascript este Case Sensitive.

document.getElementById(“id”).innerHTML = myAccount;
document.getElementById(“id”).innerHTML = myaccount;

Exerciții

1. Mai jos ai o secvenţă de cod care îţi exemplifică diversele moduri de folosire a variabilelor. Repară acest cod conform celor învățate mai sus. Vezi apoi exemplul dat ca rezolvare, compară-le şi vezi care ţi se pare mai uşor de citit.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Variables</h2>



<p id="demo"></p>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<p id="demo5"></p>
<p id="demo6"></p>
<p id="demo7"></p>

<script>

let cars, drivers, passengers, cars_not_driven, cars_driven, space_in_a_car, carpool_capacity, average_passengers_per_car;
 
cars = 100;
space_in_a_car = 4.0;
drivers = 30;
passengers = 90;
cars_not_driven = cars - drivers;
cars_driven = drivers;
carpool_capacity = cars_driven * space_in_a_car;
average_passengers_per_car = passengers / cars_driven;

document.getElementById("demo").innerHTML = cars;
document.getElementById("demo1").innerHTML = space_in_a_car;
document.getElementById("demo2").innerHTML = drivers;
document.getElementById("demo3").innerHTML = passengers;
document.getElementById("demo4").innerHTML = cars_not_driven;
document.getElementById("demo5").innerHTML = cars_driven;
document.getElementById("demo6").innerHTML = carpool_capacity;
document.getElementById("demo7").innerHTML = average_passengers_per_car;

</script>

</body>
</html>

Soluţie

Soluţie


2. Explică diferenţele de afişare din următorul cod:

3. Folosind 4 variabile, afişează următorul text. Variabilele sunt subliniate. Alege un nume corespunzător.

My name is __Thomas the Cat__.\\
I am __5__ years old.\\
I chased __5__ mice and ate __2.3__ l of milk.

Soluţie

Soluţie


4. Foloseşte variabile pentru a salva numele, vârstă şi oraşul în care te-ai născut. Afişează apoi un mesaj folosind aceste variabile. Alege tipurile potrivite pentru fiecare variabilă.

5. Se consideră un orar şcolar dintr-o zi de luni. Să se declare 5 variabile pentru materiile preferate pe care vrei să le ai, şi să se afişeze orarul cu ora şi materia la care trebuie să participi.

You could leave a comment if you were logged in.