JavaScript lekcija 1 Promenljive i operacije nad njima

Neću dugo okolo da objašnjavam sve tipove promenljivih i sve operacije, to nam nije potrebno, naš glavni cilj je da savladamo osnovni sintaksu javascript-a, da bismo potom prešli na učenje jQuery i tek onda ćete moći da unapredite svoja znanja i veštine u javascript-u. Ako ipak želite da učite javascript i ne privlači vas korišćenje sjajnog javascript framework-a, onda treba da potražite neki obimniji udžbenik za javascript. A ako želite da pravite sajtove na drupalu i kasnije učite jQuery, onda smo na istom putu. Dakle, hajde da počnemo.

U ovoj lekciji ćemo razmatrati promenljive, zašto su nam potrebne i kako njima manipulisati.

<

Promenljive su jedan od glavnih pojmova u programiranju. Da bismo razumeli programiranje, neophodno je imati jasno predstavu šta je promenljiva, kako i gde se čuva i šta se sa njom dešava tokom izvršavanja programa. Promenljiva je veličina čija se vrednost menja tokom izvršenja koda programa.

Promenljive su neki podaci koji se obrađuju u programu i imaju svoje ime. Kao što znate, podaci se čuvaju i obrađuju u memoriji računara. Tokom rada programa - u radnoj memoriji (RAM), a po gašenju se čuvaju u trajnoj memoriji. Prilikom pravljenja programa koriste se različiti tipovi podataka, tj. promenljive različitih tipova. To mogu biti brojevi, simboli, tekst, logičke promenljive, procedure, datumi i dr., koji se dalje mogu deliti na određene vrste. Na primer, numerički podaci mogu biti celobrojni, sa decimalnim delom i slično. U zavisnosti od tipa podataka, program nakon deklaracije promenljivih rezerviše određeni broj memorijskih ćelija za čuvanje tih promenljivih. To znači da se tim ćelijama dodeljuju imena promenljivih i u tim ćelijama se čuvaju vrednosti tih promenljivih. Čuvaju se ili do kraja izvršavanja programa ili dok promenljivoj ne bude dodeljena neka druga vrednost. Ime promenljive ostaje nepromenjeno do kraja programa, dok se vrednost same promenljive može menjati. U Javascript jeziku može da se menja i vrednost promenljive i njen tip podataka.

Nove promenljive se deklarišu (prave) i uvek moraju biti deklarisane pomoću operatora var:

var x;

Ova konstrukcija deklariše promenljivu x, a možemo joj odmah i dodeliti vrednost prilikom deklaracije:

var x = 10;

Primetite da se posle svake naredbe u javascript-u stavlja tačka-zarez (kao u C++ i PHP). Takođe koristimo operator dodele vrednosti promenljivoj x broja 10. Obratite pažnju da imena promenljivih treba pisati latinicom i bez razmaka, na primer:

var myname; - pravilno

var my name; - nepravilno

Ime promenljive ne može počinjati cifrom ili nekim drugim znakom, ali može sadržati cifre, na primer:

var name1; - pravilno

var name2; - pravilno

var test4me; - pravilno

var lesson2you; - pravilno

var 3money; - nepravilno

Tipovi podataka (promenljivih) u Javascript-u

Za sada ćemo se držati numeričkih i tekstualnih tipova podataka, kasnije ćemo upoznati logičke tipove, nizove, objekte i druge tipove podataka. U kursu ćemo obraditi sve tipove podataka po potrebi.

Numeričke promenljive

Vrednost numeričkih promenljivih je broj:

var y = 15;
alert(y);

Kao i sa svim brojevima, mogu se sabirati, množiti, deliti, oduzimati:

// deklarišemo promenljive
var x=10;
var y=5;
var z1,z2,z3,z4; // promenljive mogu biti deklarisane i odvojene zarezom
// izvršavamo operacije nad promenljivima
z1 = x + y;
z2 = x * y;
z3 = x - y;
z4 = x / y;
// prikazujemo rezultate
alert(z1);
alert(z2);
alert(z3);
alert(z4);

Tekstualne promenljive

Tekstualne promenljive sadrže tekstualne nizove, pri čemu tekstualne podatke stavljamo u navodnike:

var str = 'Zdravo, svima!';
alert(str);

Možete koristiti i dvostruke i jednostruke navodnike. Tekstualne nizove takođe možemo sabirati korišćenjem znaka +

var str1 = 'Zdravo';
var str2 = ', svima';
alert(str1 + str2 + '!');

U javascript-u možete i menjati tip podatka, na primer ovako:

var str = '11'; // tekstualna promenljiva
var num1 = 2;   // numerička promenljiva
var num2;       // numerička promenljiva
var num3;
num2 = parseInt(str);
num3 = num1 + num2;
alert(num3); // treba da prikaže 13

Ovde koristimo funkciju parseInt() (o funkcijama ćemo govoriti kasnije u posebnoj temi) da bismo pretvorili tekstualni format u numerički.