📦 Varijable u JavaScriptu
Što su varijable?
Varijable su "kutije" u kojima čuvamo podatke. Svaka varijabla ima ime i vrijednost. U JavaScriptu možemo deklarirati varijable na 3 načina: var, let i const.
// Deklaracija varijable s var (stari način)
var ime = "Ana";
// Deklaracija varijable s let (novi način - može se mijenjati)
let godine = 16;
// Deklaracija konstante s const (ne može se mijenjati)
const PI = 3.14159;
// Ispis varijabli
console.log(ime); // Ana
console.log(godine); // 16
console.log(PI); // 3.14159
Razlike: var, let, const
| Ključna riječ | Može se mijenjati? | Kada koristiti? |
|---|---|---|
| var | Da | Stari kod, izbjegavati u novim projektima |
| let | Da | Kada će se vrijednost mijenjati (petlje, itd.) |
| const | Ne | Kada se vrijednost neće mijenjati (konstante) |
Tipovi podataka
JavaScript automatski prepoznaje tip podatka koji stavljamo u varijablu.
// String - tekst (u navodnicima)
let ime = "Marko";
let pozdrav = 'Zdravo!';
// Number - broj
let godine = 17;
let visina = 1.75;
// Boolean - točno ili netočno
let jeStudent = true;
let jeVozac = false;
// Array - niz vrijednosti
let ocjene = [4, 5, 3, 5, 4];
// Object - objekt s više svojstava
let ucenik = {
ime: "Marko",
razred: "2.A",
prosjek: 4.2
};
// Provjera tipa
console.log(typeof ime); // string
console.log(typeof godine); // number
console.log(typeof jeStudent); // boolean
Operacije s varijablama
let a = 10;
let b = 3;
// Matematičke operacije
console.log(a + b); // 13 - zbrajanje
console.log(a - b); // 7 - oduzimanje
console.log(a * b); // 30 - množenje
console.log(a / b); // 3.33... - dijeljenje
console.log(a % b); // 1 - ostatak dijeljenja
// Spajanje stringova (konkatenacija)
let ime = "Ana";
let prezime = "Horvat";
let punoIme = ime + " " + prezime;
console.log(punoIme); // Ana Horvat
// Template literals - moderan način
let pozdrav = `Zdravo, ${ime}!`;
console.log(pozdrav); // Zdravo, Ana!
💡 Savjet
Uvijek koristi const kada znaš da se vrijednost neće mijenjati. Ako trebaš mijenjati vrijednost, koristi let. Pokušaj izbjegavati var u novim projektima jer može uzrokovati greške.
// DOBRO - koristi const kad se ne mijenja
const MAX_OCJENA = 5;
const IME_SKOLE = "Srednja škola";
// DOBRO - koristi let kad se mijenja
let brojPokusaja = 0;
brojPokusaja = brojPokusaja + 1; // Ovo radi
// LOŠE - pokušaj promijeniti const (uzrokuje grešku!)
// MAX_OCJENA = 6; // TypeError: Assignment to constant variable!