Esti aici: Qreferat » Documente informatica

Variabilele in limbajul JavaScript

Variabila poate fi privita ca un container (o curie) pentru informatia pe care dorim sa o memorati (pastrati).

Valoarea unei variabile se poate schimba (poate fi schimbata) pe parcursul executarii unui program (script) scris in limbajul JavaScript.

Variabila poate fi referita (accesata) prin intermediul numelui sau, lucru care permite vizualizarea valorii variabilei sau schimbarea acestei valori.

In continuare sunt oferite doua importante reguli de sintaxa pentru stabilirea numelui unei variabile:

Numele unei variabile tine cont de literele majuscule sau minuscule (case sensitive). De exemplu, variabila text1 este diferita de variabila Text1;
Numele unei variabile incepe cu o litera sau cu caracterul "_" (underscore).

Declararea unei variabile

O variabila poate fi creata cu ajutorul instructiunii var, dupa cum se poate observa in continuare:

var nume_variabila = valoare_variabila

De asemenea o variabila poate fi declarata fara a utiliza instructiunea var, lucru cate poate fi remarcat in continuare:

nume_variabila = valoare_variabila

Atribuirea unei valori pentru o variabila

Unei variabile i se poate atribui o valoare in urmatorul mod:

var fruct = 'banana'

fruct = 'banana'

Numele unei variabile (fruct) se afla in partea stanga a expresiei, iar valoarea (banana) pe care o atasam variabilei se afla in partea dreapta a expresiei.

In exemplul anterior variabilei fruct i se atribuie valoarea banana.

Exemplu de utilizare a variabilelor

In continuare este oferit codul-sursa al unui exemplu de utilizare a variabilelor:

<html>

<head>

<title>JavaScript - Exemplul 7</title>

</head>

<body>

var nume = 'Georgescu';

document.write (nume);

document.write('<h1>Salut '+nume+'!</h1>');

</script>

<p>

Durata de viata a unei variabile

Cand o variabile este declarata in interiorul unei functii, aceasta variabila poate fi accesata (utilizata) doar in interiorul acestei functii. La iesirea din aceasta functie variabila este distrusa. Aceste variabile se numesc variabile locale.

Pot exista variabile locale cu acelasi nume, daca acestea se afla in functii diferite, deoarece fiecare dintre variabile este recunoscuta doar de functia in interiorul careia este declarata.

Daca o variabila este declarata in afara unei functii, toate functiile din pagina Web pot accesa (utiliza) aceasta variabila. Durata de viata a unei astfel de variabile incepe odata cu declararea ei si se termina arunci cand pagina (documentul) HTML este inchisa.

Operatorii JavaScript

Operatorii JavaScript, la fel ca orice operatori din cadrul unui limbaj de programare, permit realizarea de operatii asupra unor tipuri de date.

In continuare sunt analizate cele 5 tipuri importante de operatori:

aritmetici (arithmetic);

de comparare (comparison);

de atribuire rapida (assignment shorthand);

logici (logical);

asupra sirurilor (string).

Operatori aritmetici

Operator	Descriere	Exemplu	Rezultat
	Adunare	4+2	6
	Scadere	5-1	4
	Inmultire	6*4	32
	Impartire	6/3	2
	Modulo: returneaza intregul ramas dupa impartire	5/2	1
	Incrementare	x=4 x++	x=5
	Decrementare	x=44 x--	x=43

In continuare vom analiza mai de aproape operatorii de incrementare si decrementare, iar in acest cadru vom discuta operatorii de post-incrementare si pre-incrementare.

Sintaxa operatorului de post-incrementare este:

operator1++

Valoarea acestei expresii este "operator1". Fie urmatorul exemplu:

var suma=numar++;

in exemplul anterior operator1 este numar. Variabila suma va avea valoarea numar+1 iar numar va fi incrementat cu 1 (numar=numar+1).

Sintaxa operatorului de pre-inctementare este: ++operator1

Valoarea acestei expresii este 1+operator1. Fie urmatorul exemplu:

var suma=++numar;

In exemplul anterior operator1 este numar. Variabila suma va avea valoarea numar+1, iar numar va fi incrementat cu 1 (numar-numar+1).

Sintaxa operatorului de post-decrementare este;

operator1--

Valoarea acestei expresii este operator1. Fie urmatorul exemplu:

var suma=numar--;

In exemplul anterior operator1 este numar. Variabila suma va avea valoarea numar, iar numar va fi decrementat cu 1 (numar=numar-1).

Sintaxa operatorului de pre-decrementare este:

--operator1

Valoarea acestei expresii este operator-1. Fie urmatorul exemplu:

var suma=--numar;

In exemplul anterior operator1 este numar. Variabila suma va avea valoarea numar-1, iar numar va fi decrementat cu 1 (numar=numar-1).

Operatori de comparare

Operator	Descriere	Exemplu
	este egal cu	6==81 returneaza fals (false)
	nu este egal cu	6!=81 returneaza adevarat (true)
>	mai marc decat	6>81 returneaza fals (false)
<	mai mic decat	6<81 returneaza adevarat (true)
>=	mai mare sau egal cu	6>=81 returneaza fals (false)
<=	mas mic sau egal cu	6<=81 returneaza adevarat (true)

Operatori de atribuire (asignare) rapida

Operator	Exemplu	Reprezinta
	x+=y	x=x+y
	x- y	x=x-y
	a*=b	a=a*b
	a/=b	a=a/b
	a%=b	a=a%b

Operatori logici

Operator	Descriere	Exemplu
&&	and	Daci a=4 si b=2, atunci expresia (a<8&&b>1) este adevarata
	or	Daci a=8 si b=6, atunci expresia (a==4\|\|b==4) este adevarata
	not	Daca a=4 si b=3, atunci expresia (a!=b) este adevarata

Operatori asupra sirurilor

Un sir reprezinta in mod obisnuit un text, cum ar fi textul "Limbajul JavaScript".

Pentru a concatena doua sau mal multe variabile de tip (siruri), utilizam operatorul "+".

Fie urmatoarele doua siruri:

sir1='Limbajul' si sir2='JavaScript'

Vom atribui variabilei sir3 rezultatul concatenarii sirurilor sir1 si sir2, dupa cum se poate observa in continuare:

sir3=sir1+sir2

Variabila sir3 de tip sir (string) va contine textul "Limbajul JavaScript". Pentru a adauga un spatiu intre continutul celor doua siruri sir1 si sir2, inseram un spatiu in expresie sau intr-unul din siruri:

sir1='Limbajul'

sir2='JavaScript'

sir3=sir1+' '+sir2

sir1='Limbajul'

sir2='JavaScript'

sir3=sir1+sir2

In ambele cazuri variabila sir3 de tip sir (string) va contine "Limbajul JavaScript",

Evenimentele si manipulatorii de evenimente

Evenimentele (events) si manipulatorii de evenimente (event handlers) reprezinta un concept foarte important pentru programarea JavaScript.

Evenimentele sunt de obicei cauzare de o actiune realizata de catre un utilizator. Daca un utilizator executa un click pe un buton dintr-un formular (form), se va produce evenimentul Click. In cazul in care cursorul mouse-ului se deplaseaza peste o legatura (link), se produce (are loc) evenimentul MouseOver.

Existenta mai multor evenimente permite programatorului sa scrie programe JavaScript care sa reactioneze la anumite evenimente. Acest lucru poate fi realizat prin intermediul manipulatorilor de evenimente (event handlers). De exemplu, un buton poate sa deschida o fereastra noua atunci cand un utilizator executa un click pe acesta.

Manipulatorul de evenimente specifica codul JavaScript ce se va executa. De obicei acesti manipulatori de evenimente sunt plasati in interiorul unui marcaj (tag) HTML, marcaj care creaza obiectul asupra caruia va actiona evenimentul. Sintaxa unui astfel de manipulator de evenimente poate fi observata in continuare:

<marcaj atribut1 atribut2 onNumeEveniment='cod javascript;'>

De exemplu, daca dorim ca atunci cand trecem cu mouse-ul pe deasupra unei legaturi (<a> </a>) sa fie deschisa o noua fereastra, putem utiliza urmatoarea sintaxa:

<a href='date.html' onMouseOver='deschide();'>

Programul scris in limbajul JavaScript si apelat de catre manipulatorul de evenimente poate contine o singura instructiune sau mai multe instructiuni. De obicei manipulatorul va apela o functie dupa cum se poate observa in exemplul anterior.

Setul evenimentelor implementate de browser-ele actuale reprezinta o submultime a celui specificat in DOM (Document Object Model). Fiecare browser ofera o implementare proprie.

In continuare este oferit un tabel al celor mai comune evenimente ce au suport atat la navigatorul Netscape, cat si in navigatorul Internet Explorer:

Eveniment	Descriere	Manipulator
click	Utilizatorul executa un click pe un anumit element	onClick
change	Utilizatorul modifica valoarea unui element dintr-un formular (text, textare sau select)	onChange
mouseover	Utilizatorul pozitioneaza cursorul mouse-ului pe o legatura	onMouecOver
mouseout	Utilizatorul muta cursorul mouse-ului de pe o legatura	onMouseOut
select	Utilizatorul selecteaza un camp de tip text (<input type="text">)	onSelect
submit	Utilizatorul trimite un formular electronic	onSubmit
resize	Utilizatorul redimensioneaza fereastra navigatorului	onResize
load	Utilizatorul incarca o pagina Web	onLoad
unload	Utilizatorul iese dintr-o pagina Web (paraseste pagina Web)	onUnload

In urmatorul exemplu, daca utilizatorul va pozitiona cursorul mouse-ului pe legatura "Site Brainbench", se va deschide o fereastra de avertizare care contine mesajul "Legatura catre site-ul FIH!'. Fereastra se va deschide datorita apelarii functiei mesaj() de catre manipulatorul onMouseOver.

<html>

<head>

<title>JavaScript - Exemplul 8</title>

</style>

function mesaj ()

</script>

</head>

<body>

</body>

</html>

Nu se poate descarca referatul
Acest document nu se poate descarca

E posibil sa te intereseze alte documente despre:

Folositi documentele afisate ca sursa de inspiratie. Va recomandam sa nu copiati textul, ci sa compuneti propriul document pe baza informatiilor de pe site.
{ Home } { Contact } { Termeni si conditii }

Documente similare:

Variabilele in limbajul JavaScript [informatica]
Intretinere unitatii de disc : defragmentare [informatica]
Variabilele in limbajul JavaScript [informatica]
Lista vinuri prg [informatica]
Referat Arhitectura sistem operare Windows pentru Internet [informatica]

Administratie	Alimentatie	Arta cultura	Asistenta sociala	Astronomie
Biologie	Chimie	Comunicare	Constructii	Cosmetica
Desen	Diverse	Drept	Economie	Engleza
Filozofie	Fizica	Franceza	Geografie	Germana
Informatica	Istorie	Latina	Management	Marketing
Matematica	Mecanica	Medicina	Pedagogie	Psihologie
Romana	Stiinte politice	Transporturi	Turism

Variabilele in limbajul JavaScript