2. Rutine, valori, variabile, atribuiri şi comparaţii

Rutine, valori, variabile, atribuiri şi comparaţii

JavaScript este un limbaj orientat pe obiecte. Un obiect este un lucru care are o înșiruire de proprietăţi. O masă, un calculator şi o bicicletă sunt toate obiecte ale lumii fizice. Pentru JavaScript, obiectele sunt entităţile prin intermediul cărora utilizatorul interacţionează cu browserele web, precum ferestrele şi formularele, chiar şi elementele formularelor, cum ar fi butoanele şi casetele de bifare.
Obiectele, la rândul lor au anumite proprietăţi. Calculatorul are tastatură, bicicleta are roţi, etc. În JavaScript, o fereastră are un titlu, un formular poate avea o casetă de validare, etc. Modificarea unei proprietăţi a obiectului poate modifica obiectul, iar o aceeaşi proprietate poate fi aplicată unor obiecte diferite (un exemplu din viaţa reală este aparatul foto, singur este doar un obiect, inclus la un telefon devine alt obiect cu ambele proprietăţi, aceea de telefon şi cameră foto încorporată, iar dacă la telefon adaugăm şi un calculator, obţinem un telefon smart, care are toate cele trei proprietăţi de la fiecare obiect în parte). Tastatura calculatorului şi roţile bicicletei nu sunt singurele lor proprietăţi. Ele sunt, la randul lor, obiecte, care pot avea la rândul lor proprietăţi (roata conţine spite, care sunt de întocmai obiecte). Obiectele pot astfel conţine subobiecte.
Acţiunile pe care obiectele le pot realiza poartă numele de metode. Telefoanele sună, calculatoarele se defectează şi bicicletele merg. Obiectele JavaScript au şi ele metode: butoanele se apasă - clik(), ferestrele se deschid - open(), iar textul poate fi selectat - selected(). Parantezele ne anunţă că avem de-a face cu o metodă, nu o proprietate.
Putem grupa obiectele, proprietăţile şi metodele pentru a obţine o descriere mai bună a unui obiect sau pentru a descrie un proces. În JavaScript, astea sunt separate de puncte. Sintaxa poartă numele de sintaxă punctată. Iată exemple de obiecte şi proprietăţile lor:

bicicleta.roti
calculator.unitate_de_stocare.disketa
document.imagine.nume
fereastra.stare

Si iată şi câteva exemple de obiecte şi metode scrise în sintaxa punctată:

document.scrie()
formular.elemente.buton_radio.clic()

Evenimentele sunt acţiuni efectuate de utilizator în timp ce vizitează pagina. Trimiterea unui formular şi mişcarea cursorului mouse-ului deasupra unei imagini sunt două exemple de evenimente.
Rutinele de tratare a evenimentelor (event handlers) sunt comenzile care se ocupă de evenimente. În JavaScript, dacă utilizatorul dă clic pe un buton, rutina de tratare a evenimentului onClick va lua cunoştinţă de acest lucru şi va executa codul corespunzător.
Rutine de tratare a evenimentelor:
Evenimentul Ce tratează
onAbort Utilizatorul a renunţat la încărcarea paginii
onBlur utilizatorul a părăsit obiectul
onChange utilizatorul a modificat obiectul
onClik utilizatorul a dat clik pe un obiect
onError scriptul a întâmpinat o eroare
onFocus utilizatorul a activat un obiect
onLoad s-a terminat încărcarea obiectului
onMouseover cursorul mouse-ului s-a mişcat deasupra unui obiect
onMouseout cursorul mouse-ului a părăsit un obiect
onSelect utilizatorul a selectat conţinutul unui obiect
onSubmit utilizatorul a trimis un formular
onUnload utilizatorul a părăsit fereastra

Valori şi variabile
În limbajul JavaScript orice formă de informaţie este o valoare. Variabilele conţin valori. Limbajul JavaScript ţine cont de majuscule şi minuscule. Numele variabilelor nu pot conţine spaţii sau semne de punctuaţie, şi nu pot pornește cu o cifră. De asemenea, nu pot fi cuvinte cheie ale limbajului JavaScript.
Exemple de valori şi variabile:

numeleMeu = "Birkoff"

În acest exemplu numeleMeu este variabila şi Birkoff este valoarea. Există mai numeroase tipuri de valori:
Tip Descriere
Număr Contine indiferent ce valoare numerică.
Şir de caractere Şir de caractere încadrate de ghilimele.
Boolean Returnează adevărat (true) sau fals (false)
Nul orice variabilă lipsit de conţinut, fără înţeles
Obiect Orice valoare asociată unui obiect
Funcţie Valoarea returnată de o funţie

Operatorii sunt simbolurile utilizate în lucrul cu variabilele. Când daţi unei variabile o valoare, atribuiţi acea valoare variabilei, şi folosiţi un operator de atribuire pentru a efectua acţiunea. Cu excepţia operatorului de egalitate, toţi ceilalţi operatori de atribuire sunt scurtături de modificare a valorii unei variabile. De exemplu, o modalitate mai scurtă de a spune x=x+3 este x+=3
Operator: Acţiune:
x + y (numeric) adună x cu y
x + y (şir de caractere) concaternează (lipeşte) x cu y
x - y scade y din x
x * y înmulţeşte x cu y
x / y împarte pe x la y
x % y modulul lui x şi y (restul împărţirii lui x la y)
x++, ++x adună x cu 1 (identic cu x = x + 1)
x--, --x scade 1 din x (identic cu x = x - 1)
-x schimbă semnul lui x (devine negativ)

Deşi atât x++ cât şi ++x incrementează cu o unitate valoarea lui x, operaţiile nu sunt identice; întâia îl incrementează pe x dupa ce atribuirea a avut deja loc, iar cea de-a doua înainte. De exemplu, dacă x are valoarea 5, y = x++ va avea y = 5 şi x = 6, în timp ce daca se face y = ++x se va obţine y = x = 6. Operatorul minus functionează similar. Dacă la adunarea a două valori combinaţi numere cu şiruri de caractere, rezultatul final este un şir de caractere. De exemplu, rezultatul adunării nume + 9 va rezulta nume9
Atribuire Acţiune
x = y îi dă lui x valoarea lui y
x += y identic cu x = x + y
x -= y identic cu x = x - y
x *= y identic cu x = x * y
x /= y identic cu x = x / y
x %= y identic cu x = x % y

Dacă doriţi să comparaţi valoarea unei variabile cu altă variabilă, sau valoarea unei variabile cu o valoare literală puteţi face asta în modul următor:

dataDeAzi == "joi"

Când comparaţi şiruri de caractere trebuie să fiţi atenţi asupra faptului că "a" este mai mare decât "A", iar "abc" mai mic decât "bu".
Comparare Acţiune
x == y returnează true (adevărat) dacă x şi y sunt egale
x != y returnează true dacă x şi y nu sunt egale
x > y returnează true dacă x este mai mare decât y
x >= y returnează true dacă x este mai mare sau egal decât y
x < y returnează true dacă x este mai mic decât y
x <= y returnează true dacă x este mai mic sau egal decât y
x && y returnează true dacă atât x căt şi y sunt adevărate
x || y returneată true dacă x sau y este adevărat
!x returnează true daca x este fals